색상 대비 검사기이란?

색상 대비 검사기는 전경색과 배경색 간의 대비율을 WCAG 2.1 접근성 표준에 따라 평가합니다. 색상 조합이 일반 텍스트와 큰 텍스트에 대해 AA 또는 AAA 기준을 충족하는지 즉시 알려줍니다.

사용 방법

1. 1단계 — 색상 선택기를 사용하거나 HEX/RGB 값을 입력하여 전경색(텍스트)을 설정하세요.
2. 2단계 — 같은 방식으로 배경색을 설정하세요. 대비율과 WCAG 적합성 등급이 실시간으로 업데이트됩니다.
3. 3단계 — AA 및 AAA 레벨의 통과/실패 배지를 확인하세요. 관련 기준을 모두 통과할 때까지 색상을 조정하세요.

결과

디자이너가 밝은 파란색 배경(#E3F2FD) 위의 진한 회색 텍스트(#333333)를 테스트하면, 도구가 10.5:1 비율을 표시하며 모든 텍스트 크기에서 WCAG AA와 AAA를 모두 통과합니다.

관련 도구