색맹 시뮬레이터
고른 색이 적색맹·녹색맹·청색맹·전색맹인 사람에게 어떻게 보이는지 변환해 보여줍니다. 빨강과 초록만으로 상태를 구분하는 화면이 왜 문제인지 바로 확인할 수 있습니다.
🎨 계산은 전부 브라우저 안에서 끝납니다. 저장도 전송도 없습니다.
일반 색각으로 보이는 모습
적색맹빨강을 어둡게 느껴 빨강과 초록이 비슷해 보입니다구분됨
녹색맹가장 흔한 유형으로, 빨강과 초록이 거의 같아 보입니다구분됨
청색맹드문 유형으로, 파랑과 초록을 구분하기 어렵습니다구분 어려움
전색맹색을 전혀 구분하지 못해 명암만 남습니다구분 어려움
색만으로 알리지 마세요
남성 스무 명 중 한 명꼴로 색각 이상이 있습니다. 성공은 초록, 실패는 빨강처럼 색으로만 구분하는 화면은 그중 상당수에게 같은 색으로 보입니다. 아이콘(✓ ✕)이나 글자를 함께 쓰면 색을 못 봐도 뜻이 전달됩니다.
시뮬레이션은 근사 변환이라 실제로 그 사람이 보는 색과 정확히 같지는 않습니다. 조합이 위험한지 가늠하는 용도로 쓰세요.
이 도구로 할 수 있는 것
- 네 가지 색각 유형 변환
- 두 색이 구분되는지 나란히 비교
- 팔레트 전체 시뮬레이션
- 대비 기준 함께 확인
자주 묻는 질문
Q. 색각 이상은 얼마나 흔한가요?
남성은 스무 명 중 한 명꼴, 여성은 훨씬 드뭅니다. 가장 흔한 유형은 빨강과 초록을 구분하기 어려운 경우라, 성공·실패를 초록과 빨강으로만 구분하는 화면은 상당수에게 같은 색으로 보입니다.
Q. 시뮬레이션 결과가 실제와 같나요?
근사 변환입니다. 색각 이상은 정도가 사람마다 달라 정확히 그 사람이 보는 색은 아닙니다. "이 두 색이 구분되는가"를 가늠하는 용도로 쓰세요.
Q. 그럼 어떻게 만들어야 하나요?
색에만 뜻을 싣지 마세요. 아이콘, 글자, 모양을 함께 쓰면 색을 구분하지 못해도 뜻이 전달됩니다. 밝기 차이를 충분히 두는 것도 도움이 됩니다.
다른 색상 도구
화면마다 색 표현이 조금씩 달라, 같은 값도 기기에 따라 다르게 보일 수 있습니다.