컬러 대비 체크
텍스트와 배경색의 대비비율을 측정하고 WCAG 기준을 확인합니다.
Aa
Sample Text 샘플 텍스트
대비 결과
대비비:
-
등급:
-
평가:
-
WCAG 준수 여부
WCAG AA (4.5:1):
-
WCAG AAA (7:1):
-
대비비 가이드
FAIL
3:1 미만 - 접근성 기준 미달
AA
4.5:1 이상 - 일반 텍스트 권장
AAA
7:1 이상 - 최고 접근성 기준
상세 정보
📖 사용방법
- 전경색 선택: 텍스트나 아이콘의 색상을 선택하세요
- 배경색 선택: 배경 색상을 선택하세요
- 대비 확인: 자동으로 대비비가 계산되고 표시됩니다
- WCAG 확인: AA, AAA 기준 준수 여부를 확인하세요
- 미리보기: 실제 색상 조합을 미리 볼 수 있습니다
🌐 활용 분야
- 웹 디자인: 접근성 준수 디자인
- UI/UX: 사용자 경험 최적화
- 브랜딩: 브랜드 색상 가이드라인
- 문서 디자인: 가독성 향상
- 교육: 색상 이론 학습
⚠️ 주의사항
- WCAG 가이드라인을 준수하여 접근성을 확보하세요
- 색맹 사용자도 고려하여 디자인하세요
- 다양한 디스플레이에서 테스트하세요
- 조명 조건에 따른 가독성 변화를 고려하세요
마지막 기능 업데이트: 2025-10-26