컬러 대비 분석 및 색맹 시뮬레이터
텍스트와 배경의 색상 대비율을 WCAG 2.1 기준으로 계산하고 접근성에 맞게 색상을 자동 보정하며, 이미지 색상 추출과 4가지 색맹 필터링 시뮬레이션을 지원합니다。
⚖️ 색상 명도 대비 분석 (WCAG 2.1)
명도 대비율
12.3:1
WCAG 2.1 AA
PASS
WCAG 2.1 AAA
PASS
컴포넌트 실시간 미리보기
이것은 가독성을 테스트하기 위한 샘플 텍스트입니다. 올바른 색상 대비는 모든 사용자가 웹 콘텐츠를 쉽게 읽을 수 있도록 돕습니다.
✨ 스마트 명도 대비 수정
클릭 한번으로 텍스트 명도를 자동 조절하여 AA (4.5:1) 등급 기준에 합격시킵니다
👁️ 이미지 색맹 시뮬레이터
📤 여기에 이미지를 드래그 앤 드롭하거나 클릭하여 업로드 PNG, JPG, WebP 지원. 브라우저에서 로컬로 안전하게 처리됩니다.
🐑 Processing filter...
📚 웹 콘텐츠 색상 접근성 가이드 (WCAG 2.1)
- AA 등급: 일반 텍스트는 4.5:1 이상, 큰 텍스트(18pt 이상)는 3:1 이상이어야 합니다.
- AAA 등급: 일반 텍스트는 7.0:1 이상, 큰 텍스트는 4.5:1 이상이어야 합니다.
- 相對亮度 (Luminance) 指的是顏色的視覺明度，介於 0 (最暗的黑色) 到 1 (最亮的白色) 之間。
