색맹 시뮬레이터

👁️ 색맹 시뮬레이터란?

색맹 시뮬레이터는 색각이상을 가진 사람이 이미지를 어떻게 보는지 재현하는 접근성 도구입니다. 적색맹(Protanopia), 녹색맹(Deuteranopia), 청색맹(Tritanopia), 전색맹(Achromatopsia) 등 주요 유형을 지원합니다. 업로드한 이미지뿐 아니라 색상 팔레트도 실시간으로 비교할 수 있어 디자인 검토에 유용합니다. 전 세계 남성의 약 8%, 여성의 약 0.5%가 색각이상을 가지고 있어 접근성 고려는 필수입니다.

📊 색각이상 유형 가이드

🎨 색각이상에 안전한 팔레트 선택

같은 "구분되는 두 색"이라도 조합에 따라 결과가 크게 갈립니다. 적록 색각이상에서 특히 취약한 조합과 안전한 대안입니다.

핵심은 색상(Hue)이 아니라 명도(Lightness) 차이를 두는 것입니다. 색상만 다르고 밝기가 비슷하면 색각이상에서 하나로 뭉쳐 보이지만, 명도가 충분히 다르면 색을 구분하지 못해도 "진한 쪽과 연한 쪽"으로 인식됩니다.파랑 계열은 대부분의 색각이상에서 비교적 안정적으로 보이므로 기준 색으로 삼기 좋습니다.

📈 데이터 시각화에서의 대응

차트는 색에 의존하기 쉬운 대표적인 영역입니다. 색 외의 단서를 하나만 더해도 크게 개선됩니다.

• 계열 수를 줄이기 — 한 차트에 5개 이상의 색을 쓰면 누구에게나 구분이 어렵습니다.
• 직접 라벨링 — 범례 대신 선 끝에 이름을 붙이면 색과 계열을 대조할 필요가 없어집니다.
• 선 모양과 마커 — 실선·점선, 원·삼각형·사각형 마커로 색 없이도 구분됩니다.
• 막대는 패턴 — 빗금이나 도트 패턴을 넣으면 흑백 인쇄에서도 읽힙니다.
• 순차형 데이터는 단색 그라데이션 — 하나의 색상에서 밝기만 변화시키면 색각이상에서도 순서가 유지됩니다.

💡 접근성 디자인 팁

• 색상만에 의존하지 않기: 아이콘, 패턴, 텍스트 레이블 함께 사용
• 충분한 대비: 배경과 전경 색상의 명도 차이 확보
• 안전한 색상 조합: 빨강-녹색 대신 파랑-주황 조합 권장
• 그래프/차트: 색상 외에 패턴이나 마커 사용
• 에러 표시: 빨간색 + 아이콘 + 텍스트로 다중 단서 제공

자주 묻는 질문