색각 이상 시뮬레이션 (이미지·팔레트)

사진이나 색 목록이 적록 색각 이상(1형·2형), 청황 색각 이상(3형), 전색맹에게 어떻게 보이는지 원본과 나란히 보여 줍니다. 그래프, 지도, 신호 색, 앱 화면이 색만으로 구분되는지 확인할 때 씁니다.

사용 방법

1. '이미지' 탭에 사진을 끌어 놓거나 붙여 넣습니다. 처음에는 내장 예시가 보이고, '예시 불러오기'로 다시 볼 수 있습니다.
2. 원본과 네 가지 시뮬레이션이 격자로 나옵니다. 패널의 '비교'를 누르면 원본과 겹쳐 놓고 슬라이더로 비교할 수 있고, 'PNG'로 저장합니다.
3. '팔레트' 탭의 '색 목록'에 HEX나 rgb() 값을 줄마다 넣거나 '색 추가'로 고릅니다.
4. 시뮬레이션별 견본 행 아래 '구분이 어려워지는 색 쌍'에서 ΔE가 작은 쌍을 확인하고 색을 바꿔 다시 봅니다.

계산 방식과 참고

• 1형·2형·3형은 Machado 외(2009)의 모델을 심도 1.0(완전 이색형)으로 선형 sRGB에 적용한 근사치입니다. 전색맹은 상대 휘도로 만든 회색입니다.
• ΔE는 시뮬레이션한 두 색의 OKLab 거리 × 100입니다. 검정과 흰색이 약 100이며, 이 도구는 10 미만을 '구분 어려움', 18 미만을 '비슷함'으로 표시합니다. 이 기준값은 도구의 자체 선택입니다.
• 사진은 긴 변 1600px로 줄여 브라우저 안에서만 처리하고 어디에도 올리지 않습니다. 색 목록은 이 기기의 브라우저에 저장됩니다.
• 실제로 보이는 모습은 사람마다 다르고 정도도 다양합니다. 색에만 기대지 말고 밝기 차이, 무늬, 글자 표시를 함께 쓰는 것이 안전합니다.

자주 묻는 질문

적록 색약은 빨강과 초록을 어떻게 보나요?

둘 다 누런 갈색 계열로 비슷하게 보입니다. 1형(적색맹)은 빨강이 더 어둡게, 2형(녹색맹)은 비교적 밝게 보이는 점이 다릅니다. 예시 이미지의 막대그래프에서 바로 확인할 수 있습니다.

그래프 색을 색약에게도 안전하게 고르려면 어떻게 하나요?

파랑과 주황처럼 적록 축이 아닌 조합을 쓰고, 색마다 밝기 차이를 두세요. '팔레트' 탭에 후보 색을 넣고 '구분 어려움' 쌍이 없을 때까지 바꿉니다.

3형(청색맹)은 무엇이 헷갈리나요?

파랑과 초록, 노랑과 분홍·보라가 가까워집니다. 드문 유형이지만 청황 계열 팔레트를 쓸 때 확인해 두는 것이 좋습니다.

시뮬레이션 결과가 정확한가요?

널리 쓰이는 모델을 따른 근사치입니다. 색각 이상의 정도는 사람마다 달라 한 가지 그림으로 모두를 대표할 수는 없습니다.