색각이상 시뮬레이터
색상을 입력하면 적색약·녹색약·청색약 시야에서 어떻게 보이는지 변환해 보여줍니다. 디자인 접근성 점검에 쓰세요.
#RRGGBB 또는 #RGB 형식으로 입력하세요.
100%는 해당 원추세포가 완전히 기능하지 않는 이색형(dichromacy)입니다.
정상 색각
입력한 원래 색
#E03131적색약 (Protan)
L원추세포 이상 — 빨강 계열이 어둡고 초록과 헷갈립니다
#685C33녹색약 (Deutan)
M원추세포 이상 — 가장 흔한 유형입니다
#948023청색약 (Tritan)
S원추세포 이상 — 파랑·노랑을 구분하기 어렵습니다
#E12952사용 방법
- 1확인할 색상을 #RRGGBB 형식으로 입력합니다.
- 2정도를 조절해 약한 이상부터 완전한 이색형까지 비교합니다.
- 3세 가지 유형의 시야에서 색이 어떻게 보이는지 확인합니다.
자주 묻는 질문
망막의 세 가지 원추세포 중 어느 것에 이상이 있는지로 나뉩니다. L원추(빨강)의 적색약(protan), M원추(초록)의 녹색약(deutan), S원추(파랑)의 청색약(tritan)입니다. 적색약과 녹색약을 합쳐 적록색약이라 부르며 훨씬 흔하고, 청색약은 매우 드뭅니다.
Brettel·Viénot·Mollon(1997) 모델을 씁니다. 색을 선형 RGB로 바꾼 뒤 원추세포 반응(LMS) 공간에서 해당 원추가 없는 상태로 투영하고 다시 RGB로 되돌립니다. 계수는 이 모델의 참조 구현인 libDaltonLens의 값을 그대로 사용했습니다.
근사입니다. 실제 지각은 개인차가 크고, 완전히 원추세포가 없는 이색형(색맹)과 반응이 약해진 이상삼색형(색약)도 다릅니다. 이 도구는 디자인이 색각이상 사용자에게 어떻게 전달될지 가늠하는 점검용이며, 의학적 판단에는 쓸 수 없습니다.
색 대비 검사(color-contrast)는 두 색의 명도 차이가 WCAG 기준을 넘는지 봅니다. 이 도구는 색상 자체가 어떻게 달라 보이는지를 보여줍니다. 둘을 함께 쓰면 좋은데, 색으로만 구분하던 요소가 색각이상 시야에서 뭉개진다면 명도 차이나 아이콘·라벨을 함께 쓰는 것이 근본적인 해결책입니다.
알아두면 좋은 점
- Brettel, Viénot & Mollon(1997) 모델의 근사 시뮬레이션입니다. 참조 구현(libDaltonLens)의 계수를 사용했습니다.
- 실제 지각은 개인차가 크며 의학적 진단이나 판정에는 사용할 수 없습니다.
- 무채색(회색 계열)은 어느 유형에서도 거의 변하지 않는 것이 정상 동작입니다.
함께 보면 좋은 도구
마지막 검증: 2026년 8월 29일 · 결과는 참고용 추정치입니다.