색맹 시뮬레이터

이미지가 색각 이상(색맹)을 가진 사람의 눈에 어떻게 보이는지 시뮬레이션합니다.

🎨

이미지를 여기에 끌어다 놓거나 클릭해서 선택

PNG · JPEG · WebP · GIF 지원

이미지를 업로드하면
색맹 시뮬레이션 결과가 표시됩니다

📖 색맹 시뮬레이터 사용방법

이미지를 업로드합니다.
시뮬레이션할 색각 이상 유형을 선택합니다 (적색맹, 녹색맹, 청색맹 등).
색각 이상을 가진 사람이 보는 것과 동일한 이미지를 확인합니다.
원본과 비교하며 디자인 접근성을 검토하고 결과를 저장합니다.

색맹 시뮬레이터 실제 사용 예시

입력: 빨강·초록이 함께 쓰인 차트 이미지
예상 결과: 색각 유형별 예상 화면을 비교 표시
확인 사항: 색상만으로 상태를 구분하지 않고 패턴·문자도 함께 사용

처리 방식

색상 값과 선택한 이미지는 현재 브라우저의 Canvas·색상 계산 기능으로 처리합니다.

색맹 시뮬레이터 사용 가이드

이미지를 색맹(색각 이상) 시각으로 시뮬레이션합니다. 제1·제2·제3 색맹, 완전색맹 4가지 타입을 지원합니다.

권장 사용 순서

웹 디자인에 사용할 색이라면 배경색과 글자색을 함께 정하고 HEX, RGB, HSL 값을 디자인 시스템에 기록하세요.

결과 확인 방법

밝은 화면과 어두운 화면, 모바일 기기에서도 확인하고 글자색은 WCAG 대비 결과까지 함께 점검하세요.

처리 범위와 제한사항

모니터, 브라우저와 색상 프로필에 따라 실제 표시색이 달라질 수 있습니다. 인쇄물은 별도의 CMYK 교정 과정이 필요합니다.

기능 및 설명 검토: FreeTools 운영팀 · 2026-07-31