도구스개발

색 대비 검사기

텍스트 색과 배경 색의 명도 대비를 계산해 WCAG 접근성 기준(AA·AAA)을 통과하는지 확인합니다.

텍스트 색

배경 색

미리보기 텍스트 Aa 가나다

대비 비율

16.56 : 1

AA · 본문 (4.5:1 이상)통과
AA · 큰 글자 (3:1 이상)통과
AAA · 본문 (7:1 이상)통과
AAA · 큰 글자 (4.5:1 이상)통과

사용 방법

  1. 1텍스트 색과 배경 색을 고릅니다.
  2. 2대비 비율과 WCAG AA·AAA 통과 여부가 계산됩니다.

자주 묻는 질문

WCAG 2.x 공식대로 두 색의 상대 휘도를 구한 뒤 (밝은 색 휘도+0.05)÷(어두운 색 휘도+0.05)로 계산합니다. 검정과 흰색의 대비가 21:1로 최댓값입니다.

AA는 최소 기준(본문 4.5:1, 큰 글자 3:1)이고, AAA는 더 엄격한 기준(본문 7:1, 큰 글자 4.5:1)입니다. 공공기관·금융 등 접근성이 중요한 서비스는 AA 이상을 권장합니다.

WCAG 기준으로 18pt(24px) 이상이거나, 굵게 처리된 14pt(약 18.66px) 이상인 텍스트를 큰 글자로 봅니다.

함께 보면 좋은 도구

마지막 검증: 2026년 8월 28일 · 결과는 참고용 추정치입니다.