🌈색맹 시뮬레이션 색상 안전성 체크기

적록색맹·청황색맹 기반 색상 안전 여부 판별

색상 1 (Hex)

색상 2 (Hex)

색맹 시뮬레이션은 왜 확인해야 할까?

전체 인구의 상당수가 적록색맹이나 청황색맹 등 색각 이상을 가지고 있어서, 디자이너가 보는 색과 실제 사용자가 인지하는 색이 다를 수 있습니다. 빨간색과 초록색으로 성공·실패를 구분하는 UI는 적록색맹 사용자에게는 거의 같은 색으로 보여서 정보 전달에 실패할 위험이 큽니다. 색상만으로 중요한 정보를 구분하는 디자인은 접근성 측면에서 항상 재검토가 필요합니다.

이 도구는 두 가지 색상 코드를 입력하면 적색맹·녹색맹·청황색맹 시뮬레이션을 적용한 뒤 WCAG 대비 비율 공식으로 구별 가능성을 계산합니다. 대비 비율이 낮게 나온다면 색상 외에도 아이콘이나 텍스트, 패턴을 함께 사용해 정보를 보강하는 것을 권장합니다. 계산 결과는 근사 시뮬레이션이므로 실제 색맹 검사 도구와 병행해서 참고하세요.

자주 묻는 질문

색맹 시뮬레이션은 어떤 원리인가요?

적록·청황 색맹에서 특정 색 수용체가 다르게 반응하는 것을 근사한 변환 행렬을 색상에 적용해 실제로 보이는 색과 비슷하게 재현합니다.

대비 비율이 낮으면 어떻게 해야 하나요?

색상만으로 정보를 구분하지 말고 명도 차이를 크게 벌리거나 아이콘·패턴·텍스트 라벨을 함께 사용하는 것이 안전합니다.

색맹 시뮬레이션은 왜 확인해야 할까?

자주 묻는 질문

같은 카테고리 도구