색각 이상이 있는 사람의 눈으로 이미지를 보세요. 유형을 선택하고, 미리보고, 결과를 내려받으세요. 모든 처리는 브라우저에서 이루어집니다.
색각 이상 시뮬레이터는 색상 변환 행렬을 이미지에 적용하여 적색맹(protanopia), 녹색맹(deuteranopia), 청색맹(tritanopia) 또는 전색맹(achromatopsia)이 있는 사람에게 어떻게 보이는지 보여줍니다. 행렬은 브라우저에서 Canvas.getImageData()와 Canvas.putImageData()를 사용해 픽셀 단위로 적용됩니다. 서버로 이미지 데이터가 전송되지 않습니다.
시뮬레이션은 색각 결함 연구에서 도출된 공개된 지각 모델을 기반으로 합니다. 이것은 영향을 받는 사람의 시각 시스템이 색상을 처리하는 방식의 근사치이며, 개인마다 다를 수 있는 개별 경험의 정확한 재현은 아닙니다. 이 도구는 디자이너와 개발자가 청중의 상당 비율에 영향을 미칠 수 있는 대비 또는 색상 코딩 문제를 파악하는 데 도움이 됩니다. 남성의 약 8%, 여성의 약 0.5%가 어떤 형태의 색각 결함을 가지고 있습니다.
시뮬레이션은 색각 결함에 관한 공개된 연구에서 도출된 지각 변환 행렬을 적용합니다. 이는 각 상태의 전형적인 사례의 과학적으로 근거 있는 근사치입니다. 개인 경험은 다양하며, 같은 진단을 받은 사람들 사이에서도 심각도가 다르고 일부 사용자가 개발하는 보상 전략을 시뮬레이션이 설명할 수 없습니다. 출력을 유용한 지표로 활용하되 결정적인 테스트로 취급하지 마세요.
커버하는 4가지 유형은 색각 결함과 완전한 색맹의 가장 일반적인 형태입니다. 부분적 결함을 나타내는 이상 삼색형(protanomaly, deuteranomaly, tritanomaly) 유형은 현재 버전에서 별도로 모델링되지 않습니다.
아니요. 색상 행렬 변환은 픽셀 배열을 읽는 Canvas.getImageData()와 결과를 쓰는 Canvas.putImageData()를 사용해 로컬에서 계산됩니다. 모든 처리는 브라우저 탭 안에서 이루어지고 이미지 데이터는 기기에 머물러 있습니다.
이 도구는 색각 결함이 있는 사람에게 색상이 어떻게 보이는지 보여주지만 WCAG 대비 비율을 수치적으로 계산하지는 않습니다. 수치적 대비 확인을 위해서는 WCAG 대비 검사기가 포함된 색상 변환 도구를 사용하세요.
네. 변환은 이미지에 렌더링된 텍스트를 포함한 전체 픽셀 배열에 적용됩니다. 각 시뮬레이션된 상태에서 텍스트 색상과 배경 사이의 대비가 가독성을 유지하는지 확인할 수 있습니다.