색맹 시뮬레이터

이 도구란?

색맹 시뮬레이터는 색각이상(색맹·색약)이 있는 사람에게 이미지와 색이 어떻게 보이는지 재현하는 도구입니다. 적색(P형)·녹색(D형)·청황(T형) 색각이상과 전색맹을 심각도 0~100%로 조절해 볼 수 있고, 차트·UI 색 팔레트가 서로 구분되는지 자동으로 점검합니다. 내 색각이 궁금하다면 툴허브의 색약 테스트를 이용하세요.

사용 방법

1. 1샘플(차트·신호등·색상환)을 고르거나 이미지를 올립니다. 스크린샷은 Ctrl+V로 바로 붙여넣을 수 있어요.
2. 2색각 유형을 고르고 심각도를 조절합니다. 100%는 색맹(이색형), 그보다 낮으면 색약입니다.
3. 3비교 슬라이더로 원본과 겹쳐 보거나, 4가지 한눈에 보기로 모든 유형을 동시에 확인합니다.
4. 4팔레트 구분 점검에 차트 색 HEX를 붙여넣으면 유형별로 헷갈리는 색 쌍과 색차(ΔE)를 알려줍니다.
5. 5설정과 팔레트는 주소(URL)에 저장되니 링크를 복사해 팀과 공유하세요. 시뮬레이션 이미지는 PNG로 저장할 수 있습니다.

동작 원리

1. 1적색·녹색·청황 색각이상은 Machado·Oliveira·Fernandes(2009)의 생리학 기반 모델 행렬로 계산합니다. 저자가 공개한 심각도 10% 간격 표를 쓰고, 그 사이 값은 선형 보간합니다.
2. 2행렬은 감마가 적용된 sRGB 값이 아니라 선형 RGB에 곱합니다. sRGB 값에 바로 곱하면 어두운 색이 실제보다 틀어지기 때문입니다.
3. 3전색맹은 색 정보를 버리고 밝기(선형 휘도 Y)만 남기는 방식으로 근사합니다.
4. 4팔레트 점검은 시뮬레이션된 색을 CIELAB으로 바꾼 뒤 CIEDE2000 색차를 계산해, 10 미만인 쌍을 헷갈릴 수 있는 색으로 표시합니다.
5. 5모든 처리는 브라우저 안에서 이뤄지며 이미지는 서버로 전송되지 않습니다.

활용 팁

• •빨강·초록만으로 성공/실패 같은 상태를 나누지 말고 아이콘·텍스트·패턴을 함께 쓰세요.
• •차트 색은 Okabe-Ito 같은 색각이상 친화 팔레트를 쓰거나, 색끼리 밝기 차이를 크게 두세요.
• •색각이상인 사람 대부분은 색약이므로 100%뿐 아니라 50~70% 심각도에서도 확인해 보세요.
• •글자와 배경의 명도 대비는 색상 대비 체커로 WCAG 기준(본문 4.5:1)을 함께 확인하세요.

자주 묻는 질문