색맹 시뮬레이터
마지막 업데이트: 2026-06-25
색맹 시뮬레이터는 입력한 색이 적색맹(Protanopia)·녹색맹(Deuteranopia)·청색맹(Tritanopia) 등 색각이상에서 어떻게 보이는지 변환해 나란히 비교합니다.
색만으로 정보를 구분하는 디자인이 색각이상 사용자에게도 구분되는지 점검하는 데 사용하세요.
색 입력
색각이상 유형별 변환 결과
각 칸은 해당 색각이상에서 같은 색이 어떻게 보이는지에 대한 근사 시뮬레이션입니다.
이 시뮬레이션은 LMS 변환 행렬 기반 근사치이며 실제 개인의 색 지각과 다를 수 있습니다. 재미·참고용으로 사용하고 최종 점검은 실제 사용자 테스트로 보완하세요.
사용 방법
- 색 입력 — 확인할 색을 색상 선택기 또는 HEX로 입력합니다.
- 시뮬레이션 실행 — 버튼을 누르면 정상 시각과 각 색각이상 유형의 변환 색이 함께 표시됩니다.
- 비교·점검 — 유형별 변환 색을 비교해 색만으로 구분이 어려운지 점검합니다.
색각이상(색맹) 유형과 디자인 고려사항
색각이상은 망막의 원추세포(L·M·S) 중 일부가 결손되거나 약해 색을 정상과 다르게 지각하는 상태입니다. 가장 흔한 적록색맹은 빨강과 초록 계열을 구분하기 어렵고, 비교적 드문 청황색맹은 파랑·노랑 계열 구분이 어렵습니다.
| 유형 | 결손 원추 | 특징 |
|---|---|---|
| 적색맹 (Protanopia) | L (장파장, 빨강) | 빨강이 어둡게·칙칙하게 보임 (적록 혼동) |
| 녹색맹 (Deuteranopia) | M (중파장, 초록) | 가장 흔한 유형, 빨강·초록 혼동 |
| 청색맹 (Tritanopia) | S (단파장, 파랑) | 드묾, 파랑·노랑·초록 혼동 |
| 전색맹 (Achromatopsia) | 전체 | 매우 드묾, 명도(흑백)만 지각 |
색에만 의존하지 않는 디자인이 핵심입니다. 상태 표시는 색과 함께 아이콘·텍스트를 쓰고, 그래프는 색 외에 패턴·라벨을 더하세요. 색각이상에서는 색상 구분이 줄어드는 만큼 명도 대비가 더 중요하므로 색 대비 검사기로 대비비를 함께 확인하고, 자세한 원칙은 웹 색상 대비와 접근성 가이드를 참고하세요.
자주 묻는 질문 (FAQ)
색맹(색각이상)에는 어떤 유형이 있나요?
크게 적색맹(Protanopia), 녹색맹(Deuteranopia)인 적록색맹과 청색맹(Tritanopia)인 청황색맹으로 나뉩니다. 적록색맹이 가장 흔하며, 전체 남성의 약 8%가 일부 색각이상을 가진 것으로 알려져 있습니다.
이 시뮬레이션은 정확한가요?
이 도구는 색각이상의 LMS 변환 행렬을 적용한 근사 시뮬레이션으로, 실제 개인의 색 지각과 다를 수 있습니다. 디자인 점검을 위한 참고용으로 사용하고, 중요한 의사결정은 실제 사용자 테스트로 보완하세요.
색맹 사용자를 위해 무엇을 해야 하나요?
색만으로 정보를 구분하지 말고 텍스트 라벨, 아이콘, 패턴을 함께 쓰세요. 특히 빨강·초록을 상태 구분(성공/실패)에 단독으로 쓰는 것을 피하고, 충분한 명도 대비를 유지하면 색각이상 사용자도 구분할 수 있습니다.
색 대비도 함께 확인해야 하나요?
네. 색각이상에서는 색상 구분이 줄어들기 때문에 명도 대비가 더욱 중요합니다. 색 대비 검사기로 전경/배경의 WCAG 대비비를 함께 확인하면 색에 의존하지 않는 가독성을 확보할 수 있습니다.
관련 도구·가이드
마지막 업데이트: 2026-06-25