0

색맹 시뮬레이터

선형 RGB에 적용된 게시된 색맹 변환 행렬을 사용하여 백색맹, 중수색맹, 삼색맹, 색맹 또는 색맹이 있는 사람과 같은 방식으로 사진, 차트 또는 스크린샷을 볼 수 있습니다.

👁️

여기에 이미지를 드래그 앤 드롭하세요.

PNG, JPG, WebP 지원

100%
Buy Me a Coffee at ko-fi.com
처리 중... 0%
이미지 로드 중
선형 RGB로 변환
CVD 변환 적용
완료

결과

Preview Output

대략 남성 12명 중 1명, 여성 200명 중 1명은 어떤 형태로든 색각 이상을 갖고 있지만 대부분의 차트, UI 모형 및 사진은 일반적인 색각을 가진 사람들만 디자인하고 확인합니다. 이 도구를 사용하면 이미지를 업로드하고 백색맹, 중수색맹, 삼색맹 또는 색맹이 있는 사람이 실제로 보는 방식으로 볼 수 있으므로 배송 전에 혼란스러운 빨간색/녹색 범례 또는 읽을 수 없는 상태 색상을 확인할 수 있습니다.

시뮬레이션은 순진한 채도 감소 또는 색상 회전 필터가 아닙니다. 백색맹, 중수색맹, 삼색맹은 출판된 Machado, Oliveira & Fair(2009) 이색성 변환 행렬(전문 접근성 도구에서 사용하는 것과 동일한 행렬 계열인 생리학적 원뿔 반응 모델에서 파생된 실제 3x3 계수)을 사용하여 시뮬레이션됩니다. 이러한 행렬은 선형 조명 공간에서만 유효하기 때문에 각 픽셀은 먼저 정밀한 조각별 sRGB 전달 함수(플랫 감마-2.2 지름길이 아님)를 사용하여 sRGB에서 선형 RGB로 변환되고 여기에 행렬이 적용되며 결과는 표시 및 내보내기를 위해 다시 sRGB로 변환됩니다. 색맹(완전 색맹)은 동일한 선형 공간에 적용되는 표준 ITU-R BT.709 휘도 가중치(0.2126 빨간색, 0.7152 녹색, 0.0722 파란색)를 사용합니다. 이는 방송 및 디스플레이 표준 전반에 걸쳐 사용되는 인지 밝기에 대한 일반적인 정의입니다.

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

사진, 차트 또는 UI 스크린샷을 넣고 CVD 유형과 심각도를 선택한 다음 실행을 눌러 캔버스에 렌더링된 원본과 시뮬레이션 비교를 확인하세요. 시뮬레이션된 버전을 이미지의 원래 해상도에서 PNG로 다운로드하세요. 서버에 아무것도 업로드되지 않습니다. 파일이 장치를 떠나지 않으며 전체 파이프라인은 브라우저의 자체 Canvas 2D 및 ImageData API로 실행됩니다.