컬러 팔레트/대비 체크
Sample Text
대비비율: -
WCAG: -
🎨 컬러 팔레트/대비 체크란?
컬러 팔레트/대비 체크는 전경색과 배경색의 대비비율을 측정하고 WCAG 접근성 기준을 확인하는 도구입니다. 웹 디자인, UI/UX 디자인에서 가독성과 접근성을 보장할 때 사용합니다.
🔧 측정 항목
- 대비비율: 전경색과 배경색의 명도 차이
- WCAG 등급: AA, AAA 등 접근성 기준
- 실시간 미리보기: 색상 조합 시각적 확인
- HEX 코드: 정확한 색상 값 표시
💡 사용 예시
전경색: #ffffff (흰색)
배경색: #000000 (검은색)
대비비율: 21:1
WCAG: AAA 등급
📖 사용방법
- 전경색 입력: 텍스트 색상의 HEX 코드를 입력하세요
- 배경색 입력: 배경 색상의 HEX 코드를 입력하세요
- 실시간 확인: 샘플 텍스트로 가독성을 확인하세요
- 대비비율 확인: 하단에서 대비비율을 확인하세요
- WCAG 등급 확인: 접근성 기준을 확인하세요
🌐 활용 분야
- 웹 디자인: 웹사이트 색상 조합 검증
- UI/UX 디자인: 앱, 프로그램 인터페이스
- 브랜딩: 로고, CI 색상 가이드라인
- 접근성: 시각 장애인을 위한 디자인
⚠️ 주의사항
- WCAG AA 등급은 대비비율 4.5:1 이상이 필요합니다
- WCAG AAA 등급은 대비비율 7:1 이상이 필요합니다
- 큰 텍스트(18pt 이상)는 기준이 완화됩니다
- 색상만으로 정보를 전달하지 마세요