색맹/색약 시뮬레이터
다양한 색각이상 유형으로 웹페이지가 어떻게 보이는지 체험해보세요.
시뮬레이터
정상
정상 색각 (유병률: -)
샘플 웹사이트
성공
주의
오류
정보
월별 매출 현황
1
2
3
4
5
6
1 1월2 2월3 3월4 4월
올바른 이메일 형식입니다
비밀번호는 8자 이상이어야 합니다
참고
이 시뮬레이션은 근사치입니다. 실제 색각이상자의 시각은 개인마다 다를 수 있습니다.
색각이상 유형
| 유형 | 설명 | 유병률 |
|---|---|---|
| 적록색맹 | 빨강-초록 구분 어려움 (가장 흔함) | 남성 8% |
| 청황색맹 | 파랑-노랑 구분 어려움 | 0.01% |
| 전색맹 | 모든 색상을 흑백으로 인식 | 0.003% |
색각이상자를 위한 디자인 팁
- 색상만으로 정보를 전달하지 마세요 (아이콘, 텍스트 병행)
- 빨강/초록 조합 대신 빨강/파랑 또는 오렌지/파랑 사용
- 충분한 명도 대비 확보 (WCAG 기준 4.5:1 이상)
- 차트에는 패턴이나 라벨 추가
- 오류/성공 상태에 아이콘 함께 표시
- 색맹 시뮬레이터로 디자인 검증
나쁜 예
삭제확인
색상만으로 구분
좋은 예
delete삭제check확인
아이콘 + 텍스트로 구분