Free Accessibility Tool
색상 대비 검사기
텍스트와 배경 색상의 대비율을 WCAG 기준으로 검사. 접근성 등급(AA/AAA) 자동 판정.
Aa 가나다
본문 텍스트 미리보기입니다. 이 색상 조합이 충분한 대비를 제공하는지 확인하세요.
작은 텍스트도 잘 보이나요?
대비율
21.00
:1
AAA
1:14.5 AA7 AAA21:1
WCAG 접근성 기준
일반 텍스트 AA (4.5:1 이상)✓ PASS
일반 텍스트 AAA (7:1 이상)✓ PASS
큰 텍스트 AA (3:1 이상)✓ PASS
큰 텍스트 AAA (4.5:1 이상)✓ PASS
📖 사용 방법
1
색상 선택
텍스트 색상과 배경 색상을 컬러 피커나 HEX 코드로 입력하세요.
2
미리보기 확인
실제 텍스트가 어떻게 보이는지 미리보기로 확인하세요.
3
대비율 확인
WCAG 기준 AA/AAA 등급 달성 여부를 확인하세요.
4
색상 개선
FAIL이면 색상을 조절해 최소 AA 등급을 달성하세요.
💡 이 도구가 필요한 이유
WCAG 접근성 기준
웹 콘텐츠 접근성 지침(WCAG) AA/AAA 등급을 자동으로 판정합니다.
실시간 미리보기
실제 텍스트가 어떻게 보이는지 바로 확인할 수 있습니다.
법적 준수
공공기관 웹사이트는 WCAG AA 등급 준수가 의무화되어 있습니다.
디자이너 필수 도구
UI 디자인 시 색상 접근성을 쉽게 검증할 수 있습니다.
❓ 자주 묻는 질문 (FAQ)
🔗 이 도구 공유하기
💬 필요한 도구를 알려주세요
원하는 기능이나 개선점을 자유롭게 남겨주세요. 실제로 반영합니다!
색상 대비 검사기 · WCAG 접근성 · 명도 대비 · 색상 접근성 · AA AAA 등급 · color contrast checker · WCAG contrast · accessibility checker · contrast ratio · web accessibility · color accessibility tool