01
검토할 대상을 정하기
색상 모드는 디자인 토큰, 이미지 모드는 차트나 앱 화면에 적합합니다. PNG, JPEG, WebP를 선택하거나 끌어놓고 붙여넣을 수 있습니다. 10MB 또는 1,200만 화소가 넘으면 조용히 축소하지 않고 거절합니다.
색상과 접근성
색맹 시뮬레이터원본과 이미지 색상을 나란히 비교
HEX 색상이나 내 이미지를 넣고 원본과 선택한 색각 모델의 근사 결과를 비교하세요.
색맹 시뮬레이터
#FF5733
#B19F2B
색상과 이미지는 이 브라우저에서만 처리하며 서버로 보내지 않습니다.
옵션
색상 / 이미지
빨강과 초록의 구분이 어려워질 수 있습니다.
Machado 2009 행렬을 선형 sRGB에 적용합니다. 강도는 혼합 비율이며 개인의 증상 정도가 아닙니다.
현재 결과가 준비됐습니다.
대시보드의 빨간 경고와 초록 완료 표시가 일반 화면에서는 뚜렷해도 다른 색각 조건에서는 비슷해질 수 있습니다. 색맹 시뮬레이터는 원본을 옆에 두고 정보가 색상만으로 전달되는 지점을 찾게 해 줍니다.
브랜드 색 하나부터 확인하고 실제 차트 이미지로 넘어가 보세요. 색약 시뮬레이터의 단색 확인과 이미지 색맹 필터를 한 작업대에서 쓰되, 다운로드할 때는 원래 픽셀 크기를 유지합니다.
색맹 시뮬레이터로 비교하는 이유
원본의 의미가 시뮬레이션에서도 남는지 살펴봅니다.
상태 색상이 합쳐지는 곳을 찾기
적록색약 시뮬레이션에서는 빨강과 초록 표식이 가까워질 수 있습니다. 색맹 시뮬레이터가 원본과 결과를 나란히 보여 주므로 범례와 오류 상태에 추가 표지가 필요한지 판단할 수 있습니다.
단색에서 전체 화면까지 확인하기
HEX 색을 0%와 100% 강도로 살핀 뒤 실제 스크린샷을 불러오세요. 중간 강도는 모델의 혼합 비율일 뿐 실제 개인의 색각 이상 정도가 아닙니다.
결과를 잘못 읽지 않는 세 단계
02
유형과 강도 갱신 기다리기
기본값은 녹색맹과 100% 강도입니다. 옵션을 바꾸면 350ms 뒤 자동으로 다시 계산합니다. 자동 미리보기를 끄면 실행 버튼과 Ctrl/Cmd+Enter를 사용할 수 있습니다.
03
최신 결과인지 확인하고 내보내기
입력이나 강도가 바뀌면 이전 결과가 흐려지고 복사와 다운로드가 막힙니다. 새 결과가 준비된 뒤에만 HEX 또는 PNG를 내보내세요.
한 색과 전체 그림을 같은 조건에서
세 색각 축과 회색조
적색맹, 녹색맹, 청황색맹은 Machado 2009 행렬을 선형 sRGB에 적용합니다. 전색맹 근사는 선형 광도를 씁니다. 색각 이상 시뮬레이터로 색상 축마다 다른 혼동을 확인하세요.
원본 이미지 크기의 PNG
출력은 원본 가로세로 픽셀을 유지하고 투명도도 보존합니다. 화면의 작은 미리보기를 늘려 저장하는 방식이 아닙니다.
입력에 맞는 별도 내보내기
단색 모드는 계산된 여섯 자리 HEX를 복사하고 이미지 모드는 현재 유형과 강도의 PNG를 받습니다. 원본 파일을 수정하지 않습니다.
모델과 파일 처리의 경계
- 색각 진단을 하지 않습니다
- 색맹 시뮬레이터의 50% 강도는 개인의 증상 측정치가 아닙니다. 이 결과만으로 색맹 여부나 유형을 판단할 수 없습니다.
- 접근성 합격 표시가 아닙니다
- 색상 구분의 변화만 살펴보며 WCAG 대비 비율이나 색 이외의 단서를 검사하지 않습니다. 라벨, 아이콘, 명암 대비를 따로 확인하세요.
- 로컬 정지 이미지만 받습니다
- PNG, JPEG, WebP 파일을 10MB와 1,200만 화소까지 처리합니다. GIF 애니메이션, SVG, HEIC, 웹 URL, 카메라 영상은 받지 않습니다.
- 화면과 색역이 결과에 영향을 줍니다
- 디코딩한 sRGB 색을 변환하므로 HDR, 광색역 원본 또는 보정되지 않은 화면에서는 보이는 모습이 달라질 수 있습니다.
색맹 시뮬레이터 자주 묻는 질문
색각 이상이 있는 사람은 정말 이렇게 보나요?
아닙니다. 이 도구는 어떤 색상 구분이 사라질 수 있는지 근사해서 보여 줄 뿐, 특정 개인의 주관적 시각을 그대로 재현하지 않습니다.
어떤 색각 이상 유형을 시뮬레이션할 수 있나요?
적색맹, 녹색맹, 청황색맹과 전색맹 회색조 근사를 제공합니다. 임의의 강도를 별도의 색약 진단명으로 부르지는 않습니다.
이미지가 서버에 업로드되나요?
아닙니다. 선택하거나 붙여넣은 이미지는 브라우저 메모리에서 처리되며 서버 전송이나 URL 저장이 없습니다.
시뮬레이션에 어떤 모델을 사용하나요?
적색맹, 녹색맹, 청황색맹에는 Machado 2009에 근거한 행렬을 쓰고 전색맹에는 선형 광도를 씁니다. 모두 디자인 검토용 근사입니다.
그래프가 읽히면 접근성 검토가 끝난 건가요?
아직 아닙니다. 색상 이외에 텍스트와 형태로도 의미를 전달하고 글자 대비는 별도의 검사기로 확인해야 합니다.
더 궁금한 점이 있나요?