색상 대비 검사기
글자색과 배경색의 명도대비를 WCAG 2.1 AA·AAA 웹접근성 기준으로 검사
색상
21:1
명도대비 (Contrast Ratio)
AA · 일반 텍스트
AA · 큰 텍스트
AAA · 일반 텍스트
AAA · 큰 텍스트
UI · 그래픽 (3:1)
실시간 미리보기
큰 텍스트 예시 — 24px 굵게
일반 본문 텍스트 예시입니다. 다람쥐 헌 쳇바퀴에 타고파. The quick brown fox. 0123456789.
자주 묻는 질문
WCAG를 통과하려면 명도대비가 얼마나 필요한가요?
WCAG 2.1 AA 기준은 일반 텍스트 4.5:1 이상, 큰 텍스트(18pt 일반 또는 14pt 굵게 이상) 3:1 이상입니다. 더 엄격한 AAA 기준은 일반 텍스트 7:1, 큰 텍스트 4.5:1 이상이며, UI 요소와 그래픽은 3:1 이상이 필요합니다.
큰 텍스트(large text)의 기준은 무엇인가요?
큰 텍스트는 일반 굵기 기준 18pt(약 24px) 이상, 굵은 글씨 기준 14pt(약 18.66px) 이상입니다. 글자가 크면 읽기 쉬워서 대비 요구 기준이 더 낮습니다.
명도대비는 어떻게 계산하나요?
두 색의 상대 휘도(relative luminance)를 비교해 (L1 + 0.05) / (L2 + 0.05) 공식으로 계산합니다. L1은 더 밝은 색, L2는 더 어두운 색입니다. 비율은 1:1(대비 없음)부터 21:1(검정 위 흰색)까지 나옵니다.
색맹·색약에도 도움이 되나요?
명도대비는 밝기 차이를 측정하므로 저시력 사용자 등 많은 분께 도움이 됩니다. 다만 색맹·색약을 완전히 보장하지는 못하므로, 색만으로 정보를 전달하지 않는 것이 좋습니다.
광고 (AdSense)