색상 대비 검사 — WCAG AA/AAA 체크
색상색상 대비 검사는 전경색과 배경색의 상대 휘도를 비교해 WCAG 기준 대비율과 통과 여부를 계산하는 도구입니다.
개념 설명
웹 접근성에서 텍스트와 배경의 색상 대비는 읽기 쉬움을 좌우합니다. WCAG는 일반 텍스트 AA 기준 4.5:1, 큰 텍스트 AA 기준 3:1, AAA 기준 7:1 대비율을 권장합니다.
contrast ratio = (Lighter + 0.05) / (Darker + 0.05)
사용법
- 1전경색 HEX를 입력합니다.
- 2배경색 HEX를 입력합니다.
- 3대비율과 AA/AAA 판정을 확인합니다.
참조표
| 전경색 | 배경색 | 대비율 | 판정 |
|---|---|---|---|
| #111111 | #FFFFFF | 18.88:1 | AAA |
| #777777 | #FFFFFF | 4.48:1 | 일반 텍스트 AA 미달 |
출처/기준
자주 묻는 질문
WCAG AA 텍스트 대비 기준은 얼마인가요?
일반 텍스트는 4.5:1 이상, 큰 텍스트는 3:1 이상이면 WCAG AA 기준을 충족합니다.
색상 대비 검사 입력값은 서버로 전송되나요?
아니요. 이 도구는 브라우저에서 처리하며 입력값을 서버로 보내지 않습니다.