색맹 시뮬레이터
8가지 색각 이상 유형을 시뮬레이션하고 WCAG 대비 준수를 확인합니다.
전경색
배경색
유형 선택
녹색맹
영향받는 인구 ~1%tools.colorBlindnessSimulator.affectedDeuteranopia
텍스트 미리보기
큰 샘플 텍스트
작은 샘플 텍스트
대비율
시뮬레이션 결과
#3b82f6#418efa~1% of population
#007df4~1% of population
#009eb0<0.1% of population
#3f8af9~1% of population
#227ff5~5% of population
#0093d0<0.1% of population
#858585<0.01% of population
#6f84bd~0.1% of population
대비 비교
| 색각 이상 유형 | 비율 | 일반 텍스트 | 큰 텍스트 |
|---|---|---|---|
| 원본 | 3.98:1 | Fail | AA |
| 🔴적색맹 | 4.42:1 | Fail | AA |
| 🟢녹색맹 | 3.71:1 | Fail | AA |
| 🔵청색맹 | 4.51:1 | AA | AAA |
| 🔶적색약 | 4.26:1 | Fail | AA |
| 🟡녹색약 | 3.81:1 | Fail | AA |
| 🔷청색약 | 4.24:1 | Fail | AA |
| ⬛전색맹 | 3.94:1 | Fail | AA |
| ◻️전색약 | 3.97:1 | Fail | AA |
색맹 시뮬레이터 정보
8가지 색각 이상 유형을 시뮬레이션하고 WCAG 대비 준수를 확인합니다.
사용 방법
색상을 입력하고 시뮬레이션을 확인한 뒤 WCAG AA/AAA 준수를 점검하세요.
사용 사례
- 접근 가능한 색상 선택
- 색맹 사용자를 위한 UI 테스트
- WCAG 준수
- 포용적 UI 디자인
- 브랜드 색상 접근성