웹 도구
색상 대비 검사기 - WCAG 명암비 계산
배경색과 글자색의 명암비를 WCAG 2.1 기준으로 계산해 AA와 AAA 통과 여부를 알려 줍니다.
명암비
0.00
일반 텍스트
AA: -
AAA: -
큰 텍스트
AA: -
AAA: -
빛과 소금
Aa
웹 접근성, 이제 선택이 아닙니다
웹 접근성은 더 이상 선택이 아닙니다. 법적 의무가 된 국가가 늘고 있고, 명암비가 낮으면 시력이 약한 사용자는 글을 읽지 못합니다. WCAG 2.1은 일반 텍스트에 대해 AA 4.5:1, AAA 7:1, 큰 텍스트에 대해 AA 3:1, AAA 4.5:1의 명암비를 요구합니다.
이 도구는 배경색과 글자색의 명암비를 계산해 각 등급 통과 여부를 보여 줍니다. 색상을 바꾸면 결과가 즉시 갱신됩니다.
이런 분들께 특히 유용합니다
- 웹 디자이너·퍼블리셔 — 디자인 시안의 대비를 점검할 때
- 접근성 담당자 — WCAG 준수 여부를 확인할 때
- 프런트엔드 개발자 — 텍스트 가독성을 높일 때
자주 묻는 질문
AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1 이상의 명암비를 요구합니다. AAA는 더 엄격해 일반 텍스트 7:1, 큰 텍스트 4.5:1 이상이 필요합니다. AA가 대부분의 규제에서 기준입니다.
WCAG 2.1에서 큰 텍스트는 18pt(24px) 이상의 일반 폰트이거나 14pt(18.5px) 이상의 굵은 폰트를 말합니다. 큰 텍스트는 가독성이 높아 상대적으로 낮은 명암비도 허용됩니다.
현재는 HEX 코드 입력을 지원합니다. 색상 선택기를 함께 제공하므로 시각적으로 색을 고를 수 있습니다.
이 페이지 공유하기