색맹 시뮬레이터

대략 남성 12명 중 1명, 여성 200명 중 1명이 어떤 형태로든 색각 이상을 가지고 있지만, 대부분의 차트, UI 목업 및 사진은 정상 색각을 가진 사람들에 의해서만 디자인되고 확인됩니다. 이 도구를 사용하면 이미지를 업로드하여 제1색각이상, 제2색각이상, 제3색각이상 또는 전색맹이 있는 사람이 실제로 보는 방식을 확인할 수 있으므로, 혼란스러운 빨강/초록 범례나 읽을 수 없는 상태 색상을 출시 전에 발견할 수 있습니다.

시뮬레이션은 단순한 채도 감소나 색조 회전 필터가 아닙니다. 제1색각이상, 제2색각이상 및 제3색각이상은 생리학적 원추세포 반응 모델에서 도출된 실제 3x3 계수인 공개된 Machado, Oliveira & Fair(2009) 이색각 변환 행렬을 사용하여 시뮬레이션되며, 이는 전문 접근성 도구에서 사용하는 것과 동일한 계열의 행렬입니다. 이 행렬은 선형 광 공간에서만 유효하므로, 각 픽셀은 먼저 정밀한 구간별 sRGB 전송 함수(단순 감마 2.2 우회가 아님)를 사용하여 sRGB에서 선형 RGB로 변환되고, 그 공간에서 행렬이 적용된 다음, 결과를 다시 sRGB로 변환하여 표시 및 내보내기에 사용합니다. 전색맹(완전한 색맹)은 동일한 선형 공간에서 표준 ITU-R BT.709 휘도 가중치(빨강 0.2126, 초록 0.7152, 파랑 0.0722)를 적용하며, 이는 방송 및 디스플레이 표준에서 사용되는 인지 밝기의 일반적인 정의입니다.

실제 색각 이상은 '전부 아니면 전무'가 아닙니다. 색각 이상이 있는 대부분의 사람들은 영향을 받는 원추세포 유형에 일부 기능을 유지합니다. 중증도 슬라이더는 이를 반영합니다. 0%에서는 원본을 그대로 보고, 100%에서는 완전히 시뮬레이션된 이색각 또는 전색맹 색상을 보며, 그 사이의 모든 값은 픽셀당 두 가지를 선형으로 혼합합니다. 이를 통해 동일한 이미지에서 동일한 이상 유형의 경증, 중등도 및 중증 사례를 미리 볼 수 있습니다.

사진, 차트 또는 UI 스크린샷을 드롭하고 색각 이상 유형과 중증도를 선택한 다음 실행을 누르면 캔버스에서 렌더링된 원본 대 시뮬레이션 비교를 볼 수 있습니다. 시뮬레이션된 버전을 이미지의 원래 해상도로 PNG로 다운로드하세요. 서버에 업로드되는 것은 없으며 파일이 기기를 떠나지 않고, 전체 파이프라인이 브라우저의 자체 Canvas 2D 및 ImageData API로 실행됩니다.