KOENJP

색각 이상 시뮬레이터

COLOR · VISION

이미지나 색 코드를 적색·녹색·청색 이상과 전색맹으로 보면 어떤지 강도별로 보여줘요. 나란히·분할 비교, 헷갈리는 색 쌍 점검, PNG 저장까지 브라우저 안에서 해요.

원본

팔레트 점검

PALETTE
유형별로 보이는 색
원본적색 이상녹색 이상청색 이상전색맹

색 차이는 CIEDE2000(ΔE00)으로 계산해요. 5 미만이면 거의 같아 보이고, 10 미만이면 헷갈릴 수 있어요. 견본을 누르면 색 코드가 복사돼요.

HOW TO

사용 방법

  1. 이미지를 고르거나 끌어 놓고, 붙여넣기(Ctrl+V)로도 넣어요. 처음에는 예시 그림이 나와요.
  2. 색각 유형(적색·녹색·청색 이상, 전색맹)과 강도를 고르면 바로 바뀌어요.
  3. 나란히·분할·4가지 한눈에 중 보기 방식을 고르고 PNG로 저장해요.
  4. 팔레트 점검에 색 코드를 넣으면 유형별로 보이는 색과 헷갈리기 쉬운 색 쌍을 알려줘요.
PAIRS WELL WITH

같이 쓰기 좋은 도구

FAQ

자주 묻는 질문

이미지가 서버로 올라가나요?

아니요. 이미지는 이 브라우저 안의 캔버스에서만 처리하고 어디에도 전송하지 않아요. 큰 이미지는 처리 속도를 위해 긴 변 2000px로 줄여서 보여주고 저장해요.

어떤 방식으로 시뮬레이션해요?

Machado 외(2009)가 발표한 생리학 기반 모델의 행렬을 선형 RGB에 적용해요. 강도는 0~100%로 조절하고 100%는 적색맹·녹색맹·청색맹 수준이에요. 전색맹은 밝기만 남기는 방식으로 근사했어요.

실제로 이렇게 보이는 건가요?

평균적인 경우를 화면 색 기준으로 근사한 결과예요. 사람마다, 모니터와 조명에 따라 실제로 보이는 모습은 다를 수 있고 진단 용도로 쓸 수 없어요.

색약인 사람도 구분하기 쉬운 배색은 어떻게 만들어요?

색상만이 아니라 밝기 차이를 크게 두고, 빨강·초록 조합 대신 파랑·주황처럼 구분하기 쉬운 조합을 써 보세요. 차트에는 색과 함께 무늬·아이콘·글자 표시를 더하면 더 좋아요. 팔레트 점검으로 헷갈리는 쌍을 확인할 수 있어요.