색각 이상 시뮬레이터

색각 이상 시뮬레이터 사용 가이드

그래프 범례, 지도, 상태 배지처럼 색으로 정보를 나누는 화면은 색각 이상이 있는 사용자에게 같은 색으로 보일 수 있습니다. 한국 남성의 약 6%가 적록 색각 이상이라는 점을 생각하면 디자인 단계에서 확인하는 것이 좋습니다. 이 시뮬레이터는 색을 한 줄에 하나씩 넣으면 네 가지 색각 상태에서 보이는 색을 표로 보여 줍니다.

변환은 Machado 외(2009)의 완전 색각 이상 행렬을 선형 sRGB에서 적용하고, 전색맹은 밝기만 남긴 흑백으로 계산합니다. 원래는 충분히 달랐던 두 색(CIEDE2000 색차 15 이상)이 시뮬레이션 뒤 색차 10 아래로 좁아지면 어떤 상태에서 어느 쌍이 헷갈리는지 경고합니다.

CIEDE2000은 노란색·연두색 영역의 차이를 과장하는 단순 Lab 거리보다 사람이 느끼는 차이에 가깝습니다. 예를 들어 빨강(#ff0000)과 초록(#008000)은 적색맹 시뮬레이션에서 경고가 뜨고, 색약 친화 팔레트로 알려진 Okabe–Ito의 주황(#d55e00)과 청록(#009e73)은 적록 색각에서도 구분됩니다.

사용 방법

1. 1'확인할 색' 칸에 브랜드나 차트 색을 #RRGGBB 형식으로 한 줄에 하나씩 넣습니다.
2. 2'실행'을 누르면 원래 색과 네 가지 시뮬레이션 색이 표로 나옵니다.
3. 3△ 경고에 나온 색 쌍은 밝기 차이를 키우거나 다른 색으로 바꿉니다.
4. 4색을 바꾸기 어렵다면 무늬·아이콘·글자 표시를 함께 넣어 색 없이도 구분되게 합니다.

#e53935
#43a047
#1e88e5
#fdd835

원래 색	적색맹(Protan)	녹색맹(Deutan)	청색맹(Tritan)	전색맹(흑백)
#e53935	#6e6332	#98892e	#fc003a	#7b7b7b
#43a047	#a3923f	#978a4e	#329c8c	#8d8d8d

△ 녹색맹(Deutan): #e53935와 #43a047의 차이가 ΔE 68.1 → 5.2로 줄어 구분이 어렵습니다.

이럴 때 쓰면 좋아요

• 차트·그래프 범례 색이 색약 사용자에게도 구분되는지 볼 때
• 성공·경고·오류 상태 색을 정할 때
• 지도·노선도처럼 색이 많은 디자인을 검토할 때
• 브랜드 팔레트를 접근성 관점에서 점검할 때

문제가 생겼을 때

활용 팁

• 밝기 차이가 크면 색각 이상에서도 구분되기 쉬우니 비슷한 밝기의 빨강·초록 조합을 피하세요.
• 글자색과 배경색 대비는 APCA 명암 대비 계산기로 따로 확인하세요.
• 선 그래프는 색과 함께 점선·실선, 마커 모양을 다르게 하면 확실합니다.

자주 묻는 질문