🎨 색상 대비 검사기
전경색과 배경색을 선택하면 WCAG 2.1 기준에 따라 색상 대비율을 실시간으로 계산하고 접근성 통과 여부를 확인합니다.
색상 선택
색상 피커 또는 HEX 코드로 직접 입력하세요.
가나다 ABC 123 — 일반 텍스트 (16px)
가나다 ABC 123 — 큰 텍스트 (24px Bold)
-
:1
색상 대비율
WCAG 2.1 기준 통과 여부
Web Content Accessibility Guidelines 2.1 기준 결과
| 기준 | 필요 대비율 | 결과 |
|---|---|---|
| AA — 일반 텍스트 | 4.5 : 1 이상 | - |
| AA — 큰 텍스트 (18pt+ 또는 14pt Bold) | 3.0 : 1 이상 | - |
| AAA — 일반 텍스트 | 7.0 : 1 이상 | - |
| AAA — 큰 텍스트 | 4.5 : 1 이상 | - |
WCAG 색상 대비 기준 안내
AA 기준 (최소 접근성)
대부분의 법적·표준 요건이 요구하는 수준입니다. 일반 텍스트는 4.5:1, 큰 텍스트(18pt 이상 또는 14pt Bold)는 3:1 이상이어야 합니다.
AAA 기준 (향상된 접근성)
시각 장애인이나 저시력 사용자를 위한 강화된 기준입니다. 일반 텍스트 7:1, 큰 텍스트 4.5:1 이상이 필요합니다.
큰 텍스트 기준
18pt(약 24px) 이상의 일반 폰트 또는 14pt(약 18.7px) 이상의 볼드(700) 폰트를 큰 텍스트로 분류합니다.
대비율 계산 공식
상대 휘도(Relative Luminance)를 이용해 (L1+0.05)/(L2+0.05)로 계산합니다. sRGB 감마 보정을 적용한 표준 공식입니다.