노랑 색상 코드 (노랑 계열)

노랑은 채도 높은 색 중 가장 밝은 색으로, 옅은 레몬 시폰부터 짙은 머스터드와 샤프란까지 이어집니다. 이 페이지는 yellow, gold, lightyellow, khaki 같은 CSS 이름 노랑 일곱 가지에 카나리아, 레몬, 머스터드, 샤프란, 존퀼, 나폴리 옐로, 사이버 옐로, 스쿨버스 옐로를 더한 27가지 노랑을 HEX, RGB, HSL, HSV, CMYK, OKLCH 코드와 밝고 어두운 단계, 그리고 흰 배경 위의 글자로 썼을 때의 성능과 함께 보여 줍니다.

사용 방법

1. 목록에서 노랑 계열 색을 고릅니다.
2. HEX, RGB, HSL 또는 CMYK 코드를 복사합니다.
3. "흰 배경 위의 글자로 쓸 때"를 확인하세요. 대부분의 노랑은 배경이나 강조 표시로만 쓸 수 있습니다.
4. 더 어둡고 읽기 쉬운 버전은 어두운 단계 표를 활용하세요.

계산식

명암비 = (L₁ + 0.05) ÷ (L₂ + 0.05) · 어두운 단계 = c × (1 − p)

L은 WCAG 상대 휘도입니다. 노랑이 이렇게 밝은 것은 눈이 가장 민감한 초록 채널이 거의 최대 세기이기 때문입니다. 흰 배경에서 노랑을 읽기 좋게 만드는 방법은 어둡게(음영) 만드는 것뿐입니다.

예시

머스터드 #FFDB58 = rgb(255, 219, 88)의 상대 휘도는 0.726이어서, 흰 배경 위의 글자로 쓰면 1.35:1에 그쳐 WCAG 최소 기준 4.5:1에 한참 못 미칩니다. 순수한 CSS yellow는 흰색 위에서 1.07:1뿐이지만, 노랑 배경 위의 검은 글자는 19.55:1에 이릅니다.