색상 대비 검사기
글자색과 배경색의 WCAG 대비 비율을 계산하고 일반 텍스트, 큰 텍스트, UI 요소 기준의 통과 여부를 확인합니다.
업데이트: 2026-09-01
가독성 미리보기
WCAG 명암비
21:1
일반 텍스트 AA (4.5:1)통과
일반 텍스트 AAA (7:1)통과
큰 텍스트 AA (3:1)통과
큰 텍스트 AAA (4.5:1)통과
UI 요소 AA (3:1)통과
대비 통과만으로 접근성이 완성되지는 않습니다
실제로 맞닿는 글자색과 배경색을 넣고 일반 글자·큰 글자·UI 요소 기준을 구분하세요. 이미지나 그라데이션 위에서는 위치마다 배경이 달라질 수 있습니다. 비율 통과 여부 외에도 글자 크기, 상태 표시, 색 외의 구분 수단을 확인해야 합니다.
이 도구가 도움이 되셨나요?
여러분의 의견은 더 유용한 도구를 만드는 데 도움이 됩니다.