색맹 시뮬레이터

색맹 시뮬레이터란?

색맹 시뮬레이터는 특정 색각 이상이 있는 사람이 보는 모습대로 이미지를 다시 그려 주는 무료 브라우저 내 도구입니다. 흔한 세 가지 이색형 색각 — 제1색맹(적색 약), 제2색맹(녹색 약), 제3색맹(청색 약) — 과 완전한 단색(그레이스케일) 시야인 전색맹을 지원합니다. 디자이너·개발자·접근성 검토자는 색만으로 의미를 전달할 때도 차트, UI 상태, 상태 색상, 인포그래픽이 여전히 이해되는지 점검하는 데 이 도구를 사용합니다. 남성 약 12명 중 1명이 어떤 형태로든 색각 이상을 갖고 있으므로, 배포 전에 이런 시야를 시뮬레이션하면 일부 사용자에게는 사라지는 색 대비에 지나치게 의존하는 디자인을 미리 찾아낼 수 있습니다.

색맹 시뮬레이터 사용법

1. 업로드 영역에 이미지를 끌어다 놓거나, 클릭해 기기에서 PNG·JPG·WebP 파일을 선택합니다.
2. 색각 유형 드롭다운을 열어 제1색맹·제2색맹·제3색맹·전색맹 중 하나를 고릅니다('없음'을 고르면 변경되지 않은 원본을 봅니다).
3. 시뮬레이션 미리보기가 원본 옆에서 자동으로 갱신되어 둘을 나란히 비교할 수 있습니다.
4. 아무 미리보기나 클릭하면 확대 가능한 라이트박스로 열려 세부 사항을 가까이서 살펴볼 수 있습니다.
5. 다운로드를 눌러 시뮬레이션 이미지를 PNG로 저장하거나, 초기화로 지우고 다른 이미지를 다시 시도합니다.

예시

자주 묻는 질문

어떤 종류의 색맹을 시뮬레이션할 수 있나요?

표준 RGB 변환 행렬을 사용해 제1색맹(적색맹), 제2색맹(녹색맹), 제3색맹(청색맹)을 시뮬레이션하며, 이미지를 휘도 기반 그레이스케일로 바꾸는 전색맹도 지원합니다. '없음'을 고르면 원본 이미지가 그대로 유지됩니다.

제 이미지가 서버로 업로드되나요?

아니요. 모든 시뮬레이션은 HTML 캔버스를 사용해 브라우저 안에서 로컬로 처리됩니다. 파일이 기기를 떠나지 않고 어떤 서버로도 전송되지 않으므로 오프라인에서도 작동하며 비공개 이미지가 비공개로 유지됩니다.

어떤 이미지 형식과 출력을 쓸 수 있나요?

PNG·JPG·WebP 같은 일반적인 래스터 이미지를 불러올 수 있습니다. 시뮬레이션 결과는 투명도가 있을 때 이를 보존하도록 항상 PNG로 내보냅니다.

시뮬레이션이 얼마나 정확한가요?

널리 알려진 선형 색 행렬 근사를 사용하며, UI와 그래픽에서 색 의존 문제를 찾아내는 데 매우 적합합니다. 임상·의학 진단 도구가 아니라 실용적인 디자인 보조 도구이므로, 결과는 특정 개인의 시각을 정확히 재현한 것이 아니라 참고 자료로 받아들이세요.

왜 시뮬레이션된 색이 칙칙하거나 이동한 것처럼 보이나요?

각 색각 이상은 하나의 원추세포 반응을 제거하거나 약화시키므로, 그 채널에 의존하는 색이 남은 색들 쪽으로 이동합니다. 서로 다른 색상이 비슷한 색조로 합쳐지는 이 현상이 바로 배포 전에 찾아내고 싶은 효과입니다.