색각이상이 있는 사람의 눈에는 이렇게 보입니다

남성 12명 중 1명은 빨간 계열과 초록 계열을 구분하지 못합니다. 차트를 끌어다 놓고 메시지가 그래도 전달되는지 확인하세요.

도구를 불러오는 중…

작동 방식

  1. 이미지나 스크린샷, PDF를 끌어다 놓으세요.
  2. 색각이상 유형을 고르세요. 2형(녹색맹)이 가장 흔합니다.
  3. 비교한 뒤 결과 화면이나 4분할 비교 시트를 내보내세요.

왜 아무것도 업로드되지 않는가

이 페이지가 하는 모든 작업은 브라우저 탭 안에서 도는 코드가 처리합니다. 웹 페이지를 그리는 그 엔진을 그대로 씁니다. 파일은 디스크에서 탭의 메모리로 읽어 들여 거기서 변환한 뒤 다시 다운로드 파일로 내보냅니다. 어디로도 전송되지 않습니다. 우리에게도, 제3자에게도.

직접 확인해 보세요

  1. 브라우저 개발자 도구(F12)를 열고 네트워크(Network) 탭을 선택합니다.
  2. 파일을 올리고 도구를 실행합니다.
  3. 보이는 요청은 도구 자체의 코드를 받아 오는 것뿐입니다. 무거운 몇몇 도구는 공개 CDN에서 오픈소스 엔진을 함께 받아 옵니다. 여기에 loreatec.jp로 가는 작은 방문 집계 신호 하나(페이지 주소와 제목, 그 이상은 없습니다)가 더해집니다. 어느 것도 당신의 파일을 실어 나르지 않습니다.

직접 확인하기 →

자주 묻는 질문

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

선형 색공간에 적용한 Machado(2009)의 생리학 기반 행렬을 씁니다. 대부분의 접근성 도구가 쓰는 바로 그 모델입니다. 각 유형에서 전형적으로 나타나는 인지 방식을 나타낼 뿐, 개인차는 있습니다.

무엇을 확인하면 되나요?

색으로만 구분되는 모든 것입니다. 차트의 계열, 빨간색으로만 표시한 입력 오류, 상태를 나타내는 점 같은 것들이요. 2형(녹색맹) 화면에서 두 요소가 하나로 뭉쳐 보인다면, 라벨이나 모양, 무늬 같은 두 번째 구분 수단을 더하세요.

PDF도 되는 이유가 뭔가요?

보고서와 슬라이드야말로 색으로만 구분하는 습관이 가장 큰 피해를 주는 곳이기 때문입니다. 시뮬레이션을 위해 페이지를 한 장씩 이미지로 그립니다.