컬러 팔레트

노란색

색상환에서 가장 밝은 색이고 눈이 가장 먼저 알아채는 색이에요. 태양, 여름, 주의를 떠올리게 해요. 그래서 택시, 교통 표지판, 밝은 이미지를 원하는 브랜드에 자주 쓰여요.

다른 이름: 옐로, 노랑

노란색 · #FFFF00

노란색 기본 정보

노란색(#FFFF00) 색상은 따뜻한 색 계열이에요. 밝기는 중간, 채도는 높은 수준이에요. 노란 계열 색 그룹에 속해요. RGB 값은 빨강 255, 초록 255, 파랑 0(각 255단계)예요. 주요 용도: 사인·표지판, 로고, 키즈, 웹.

노란색의 명암: 밝은 톤과 어두운 톤

밝은 색부터 어두운 색 순서로 놓여 있어요. 색을 누르면 색상 코드가 복사돼요.

노란색에 어울리는 색

회색모던하고 균형 잡힌 정석이에요.네이비강렬하고 우아한 대비예요.흰색산뜻하고 밝은 느낌을 줘요.검은색대비가 가장 크고 아주 그래픽해요.진보라보색이라 선명하고 과감한 조합이에요.초록색자연스럽고 경쾌한 조합이에요.하늘색봄다운 조합이에요.베이지부드럽고 따뜻한 바탕이에요.
패션·인테리어에서 노란색 매치하는 법 →

노란색의 색상 조화

색상환을 바탕으로 한 배색이에요. 색상 조화 도구에서 더 많은 조합을 시험해 보세요.

보색가까운 색:파란색
유사색가까운 색:주황색, 샤르트뢰즈
삼각 배색가까운 색:시안, 마젠타
분할 보색가까운 색:일렉트릭 블루, 바이올렛
사각 배색가까운 색:민트색, 파란색, 딥 핑크

노란색 컬러 팔레트

색상 코드를 복사하거나 편집기에서 열어 자유롭게 바꿔 보세요.

단색 팔레트 · 노란색
유사색 팔레트 · 노란색
보색 팔레트 · 노란색
삼각 배색 팔레트 · 노란색
중성색 포함 팔레트 · 노란색
포인트 색 포함 팔레트 · 노란색

노란색 위 글자색 대비

흰 글자대비율 1.1:1 · 권장하지 않음
검은 글자대비율 19.6:1 · AAA

WCAG 2.1 기준이에요. 다른 색 조합은 명도 대비 검사에서 확인하세요.

CSS 코드

:root {
  --yellow: #FFFF00;
  --yellow-rgb: 255, 255, 0;
}
.bg { background-color: var(--yellow); }
.text { color: var(--yellow); }

노란색에 가까운 색

레몬색카나리아색형광 노란색금색라임색옥수수색해바라기색사프란색앰버애플 그린

다른 노란 계열 색

금색올드 골드머스터드레몬색앰버밀색꿀색카나리아색사프란색샴페인파스텔 옐로형광 노란색옥수수색해바라기색

자주 묻는 질문

노란색의 색상 코드는 무엇인가요?

노란색의 HEX 코드는 #FFFF00 값이에요. RGB로는 rgb(255, 255, 0), HSL로는 hsl(60, 100%, 50%), CMYK로는 0, 0, 100, 0 값이에요.

노란색의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #0000FF 색으로, 파란색에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

노란색 위에 흰 글자를 올려도 잘 읽히나요?

검은 글자가 더 좋아요. 흰색과의 대비율은 1.1:1뿐이지만 검은색과는 19.6:1이에요.

노란색에 어울리는 색은 무엇인가요?

잘 어울리는 색: 회색, 네이비, 흰색, 검은색, 진보라. 강한 주황과 빨강을 동시에 매치하면 너무 요란해지니 피하세요. 새하얀 바탕 위의 노란 글자는 아주 읽기 어려워요.