- 점검할 이미지(차트·UI·시안 등)를 끌어다 놓거나 클릭해 선택합니다.
- 색각 이상 유형 버튼을 눌러 같은 이미지가 어떻게 보이는지 비교합니다.
- 필요하면 현재 화면 저장으로 시뮬레이션 결과를 내려받습니다.
색각 이상은 망막의 어떤 원추세포가 약하거나 없느냐에 따라 종류가 나뉩니다. 유형마다 헷갈리는 색이 다르므로, 여러 유형으로 바꿔 보며 디자인이 두루 통하는지 확인하는 것이 좋습니다.
- 적색맹·녹색맹(적록): 가장 흔한 유형으로 빨강과 초록, 갈색이 비슷하게 보입니다. 신호등·합격/불합격 표시가 특히 영향을 받습니다.
- 청색맹(청황): 드문 유형으로 파랑과 노랑, 보라와 빨강 구분이 어렵습니다.
- 전색맹: 색을 거의 구분하지 못해 명암(흑백)만으로 보이므로, 명도 대비가 충분한지가 중요해집니다.
색 자체를 고를 때 모두에게 잘 보이는 조합이 궁금하면 색맹·색약과 디자인 가이드를 참고하세요.
- 색만으로 구분하지 않기: 빨강/초록으로만 상태를 나타낸 그래프·버튼은 적록색각 이상에서 구분이 어려울 수 있습니다. 모양·라벨·패턴을 함께 쓰면 접근성이 좋아집니다.
- 대비도 함께 점검: 색 구분이 약해지면 명도 대비가 중요해집니다. 도구상자의 '색상 대비 검사'와 함께 쓰면 더 꼼꼼히 확인할 수 있습니다.
- 가장 흔한 유형부터: 적록색각 이상이 가장 흔하므로 적색맹·녹색맹에서 정보가 잘 전달되는지 우선 확인하세요.
가장 흔한 적록색각 이상인 적색맹(Protanopia)·녹색맹(Deuteranopia)과 그 약한 형태(적색약·녹색약), 드문 청색맹(Tritanopia), 그리고 색을 거의 구분하지 못하는 전색맹(Achromatopsia)을 시뮬레이션합니다. 유형을 바꿔 가며 같은 이미지가 어떻게 달리 보이는지 비교할 수 있습니다.
아니요. 이 도구는 널리 쓰이는 색 변환 행렬을 이용한 근사 시뮬레이션입니다. 실제로 사람마다 색각 이상의 정도가 다르고 개인차가 크기 때문에 정확히 일치하지는 않습니다. 디자인에서 빨강·초록만으로 정보를 구분하지 않았는지 등을 점검하는 참고용으로 활용하세요.
아니요. 이미지 불러오기와 색 변환, 저장까지 모든 과정이 사용자의 브라우저 안에서 이뤄집니다. 이미지는 서버로 전송되거나 저장되지 않으므로 작업 중인 시안도 안전하게 확인할 수 있습니다.
전 세계적으로 남성의 약 8%, 여성의 약 0.5%가 색각 이상을 가진 것으로 알려져 있습니다. 대부분은 적록색각 이상이며, 이는 결코 드문 비율이 아닙니다. 그래서 차트나 길찾기, 상태 표시처럼 정보를 전달하는 화면은 빨강·초록만으로 구분하지 않는 것이 좋습니다.
색 외에 두 번째 단서를 더하는 것이 핵심입니다. 선 그래프는 실선·점선·굵기로, 영역은 빗금·점 같은 패턴으로, 막대는 직접 라벨이나 수치 표기로 구분하면 색을 못 봐도 정보가 전달됩니다. 이 시뮬레이터로 적색맹·녹색맹 화면에서 각 계열이 여전히 구분되는지 확인한 뒤 배포하세요.