색맹 시뮬레이터

적색맹·녹색맹·청색맹·전색맹으로 이미지가 어떻게 보이는지 표준 색상 변환 행렬로 시뮬레이션해 원본과 나란히 비교합니다.

🔒 시뮬레이션은 Canvas API로 브라우저 안에서 실행되며 업로드되지 않습니다. 행렬은 표준 근사치이며 의학적 진단이 아닙니다.

색각 이상이 있는 사용자에게 디자인이 어떻게 보이는지 확인하세요. 이미지는 전 과정 브라우저에서 처리됩니다.

0%는 정상 시각, 100%는 해당 유형 그대로입니다. 색약(-anomaly) 유형은 100%일 때 색맹 쪽으로 64%만큼 옮겨 간 모습으로, 흔히 쓰는 모델입니다.

이미지를 끌어다 놓거나 눌러서 고르세요

색각 이상 시뮬레이션

남성 약 12명 중 1명, 여성 약 200명 중 1명이 어떤 형태로든 색각 이상이 있습니다. 이 도구는 이미지를 변환해 주요 유형별로 — 적색맹(protanopia), 녹색맹(deuteranopia), 청색맹(tritanopia), 전색맹(achromatopsia) — 어떻게 보이는지 근사치로 보여 줍니다. 차트·UI·디자인이 여전히 읽히는지 확인할 수 있습니다.

이미지는 Canvas API와 표준 색 변환 행렬로 모두 브라우저 안에서 처리되며 업로드되지 않습니다. 원본과 시뮬레이션을 나란히 비교하고 결과를 내려받으세요. “확대”를 “맞춤”보다 키우면 두 그림이 실제 픽셀 크기 이상으로 보이고, 끌거나 스크롤하거나 방향키를 누르면 둘이 함께 움직여 같은 곳이 나란히 맞춰집니다. “모델”에서는 기본인 HCIRN 행렬 대신 선형 광에서 계산하는 Machado 모델을 고를 수 있고, 가진 그림이 없으면 “색상환으로 해 보기”나 “차트 색으로 해 보기”로 시험용 그림을 페이지에서 바로 만들 수 있습니다. SVG 파일도 사진이나 스크린샷처럼 넣을 수 있습니다.

자주 묻는 질문

의학적으로 정확한가요?

웹 접근성 도구가 쓰는 표준 행렬을 사용해 디자인 점검엔 충분하지만, 근사치이며 의학적 진단이 아닙니다.

이미지가 업로드되나요?

아니요. 변환은 Canvas API로 브라우저 안에서 실행되며 이미지는 기기를 벗어나지 않습니다.

어떤 유형을 테스트해야 하나요?

녹색맹·적색맹(적록색맹)이 가장 흔하므로 먼저 확인하고, 청색맹·전색맹은 드물지만 중요한 시각자료엔 점검을 권합니다.

더 약한 형태의 색각 이상도 볼 수 있나요?

네. 완전한 형태 말고도 각각의 약한(부분) 형태가 있고, 강도 슬라이더로 정상 시각과 완전한 형태 사이를 오갈 수 있습니다.

어떤 시뮬레이션 모델을 쓰나요?

기본은 sRGB 값에 바로 곱하는 HCIRN 행렬입니다. “모델”에서 Machado 모델을 고르면 연구용 도구가 쓰는 생리학 기반 모델로 바뀌는데, 선형 광에서 계산하고 정도마다 따로 정한 행렬을 씁니다. 색을 전혀 못 보는 유형은 두 모델 모두 같은 회색입니다.