홈 › 디자인

색각 이상 시뮬레이터

진단 도구가 아니라, 내가 만든 자료가 색으로만 정보를 전하고 있지 않은지 확인하는 디자인 점검 도구예요.

파일은 서버로 전송되지 않고 내 기기에서만 처리돼요
사진·그림을 놓거나 눌러서 고르세요JPG · PNG · WEBP · GIF(첫 장면) — 고르지 않으면 예시 그림으로 보여 줘요
100% — 완전한 이색형(색맹)
 

색각 이상 시뮬레이터, 이렇게 써요

확인할 사진이나 디자인(포스터, 발표 자료 캡처, 그래프, 지도, 앱 화면)을 올리면 원본과 함께 적색(1형)·녹색(2형)·청색(3형) 색각 이상으로 보이는 모습을 나란히 보여 줘요. ‘정도’ 막대를 0%에서 100%로 옮기면 약한 색약(이상 삼색형)부터 색맹(이색형)까지 바뀌는 모습을 볼 수 있어요. 마음에 드는 결과는 ‘PNG 저장’으로 받으세요. 그림을 고르지 않으면 빨강·초록 막대가 들어간 예시 그림으로 보여 줘요.

어떻게 계산하나요

Machado·Oliveira·Fernandes가 2009년 IEEE TVCG에 발표한 생리학 기반 색각 이상 모델의 변환 행렬을 써요. 원뿔세포의 감도 곡선이 옮겨 가는 정도를 0.1 단위로 계산한 행렬이 공개되어 있고, 그 사이 값은 직선으로 이어 계산해요. 행렬은 감마가 풀린 선형 RGB에 곱해야 정확하므로 sRGB → 선형 RGB → 행렬 → sRGB 순서로 픽셀마다 변환해요. ‘전색맹(명암만)’은 이 논문 범위 밖이라 밝기(Rec.709 상대 휘도)만 남기는 근사로 보여 줘요.

디자인 점검 팁

알아 두세요

이 도구는 진단용이 아니에요. 같은 유형이라도 사람마다 보이는 방식이 다르고, 모니터 색 설정에 따라 결과도 조금 달라져요. 색각 검사는 안과에서 받으세요. 올린 사진은 이 브라우저 안에서만 처리하고 서버로 보내지 않아요.

참고한 자료

자주 묻는 질문

적록색맹은 어느 것을 보면 되나요?

흔히 말하는 적록색맹은 적색(1형)과 녹색(2형) 색각 이상을 함께 이르는 말이에요. 두 가지를 모두 확인하세요. 녹색(2형)이 가장 흔하다고 알려져 있어요.

정도 100%와 50%는 무엇이 다른가요?

100%는 한 종류의 원뿔세포가 아예 작동하지 않는 이색형(색맹), 그보다 낮은 값은 원뿔세포의 감도가 옮겨 간 이상 삼색형(색약)을 흉내 내요. 숫자가 클수록 색 구분이 어려워져요.

큰 사진도 되나요?

긴 변을 1,600픽셀로 줄여 계산해요. 화면 점검에는 충분한 크기예요.

함께 쓰면 좋은 도구