전경/배경 색상을 입력해 WCAG 대비 비율과 AA/AAA 통과 여부를 확인합니다(로컬 처리).
예시 텍스트
The quick brown fox jumps over the lazy dog. 0123456789
Aa
검사 결과
대비 비율:
-
AA (일반 텍스트) ≥ 4.5
-
AA (큰 텍스트) ≥ 3.0
-
AAA (일반 텍스트) ≥ 7.0
-
AAA (큰 텍스트) ≥ 4.5
-
추천 전경색
검은색 사용:
-
흰색 사용:
-
사용 방법
- 전경색과 배경색 선택기에서 색을 선택하거나 HEX 코드를 직접 입력합니다.
- 계산된 대비 비율(예: 4.5:1)을 확인합니다.
- WCAG 2.1 AA/AAA 기준(일반/큰 텍스트)의 통과 여부를 확인합니다.
- 색각 이상 시뮬레이션 드롭다운으로 다양한 시각 조건에서의 표시를 미리 봅니다.
팁 및 FAQ
- WCAG AA는 일반 텍스트 4.5:1 이상, 큰 텍스트 3.0:1 이상이 필요합니다.
- WCAG AAA는 일반 텍스트 7.0:1 이상, 큰 텍스트 4.5:1 이상이 필요합니다.
- 대비가 부족하면 ‘검은색 사용’ 또는 ‘흰색 사용’ 제안을 활용해 빠르게 조정하세요.
- 모든 계산은 브라우저 로컬에서 수행되며 업로드되지 않습니다.
