색상 코드 변환기
완료HEX(3·4·6·8자리), RGB, HSL 색상 코드를 서로 변환하고 흰색·검은색 배경 대비 명암비(WCAG)를 계산합니다.
사용 방법
- 색상 코드를 입력하거나 색 선택기로 고릅니다.
- HEX·RGB·HSL 값이 표시되며 각각 복사할 수 있습니다.
- 흰색·검은색 배경에서의 글자 대비와 WCAG 등급을 확인합니다.
계산 공식
- 상대 휘도 L = 0.2126R + 0.7152G + 0.0722B (sRGB 선형화 후)
- 대비율 = (밝은 L + 0.05) ÷ (어두운 L + 0.05)
- WCAG: 4.5:1 이상 AA, 7:1 이상 AAA, 큰 글자 3:1
계산 예시
#3366ff → rgb(51, 102, 255) → hsl(225, 100%, 60%) · 흰색 대비 4.68:1 (AA)
자주 묻는 질문
8자리 HEX 의 마지막 두 자리는 무엇인가요?
투명도(알파)입니다. 80 은 약 50%, ff 는 불투명입니다. 대비는 각 배경 위에 합성한 색으로 계산합니다.
색 이름(red, blue)도 되나요?
현재는 HEX·rgb()·hsl() 표기만 읽습니다.