적색맹, 녹색맹, 청색맹 또는 전색맹인 사람의 눈으로 이미지나 팔레트를 확인하세요 — 완전히 브라우저에서 실행되며 업로드가 없습니다.

여기에 이미지를 드래그 & 드롭하세요

또는 클릭하여 탐색 — 클립보드에서 붙여넣기도 가능합니다

이미지를 드롭하여 각 색각 유형으로 미리 보세요.

색각 유형
색각 유형
정상 시각
적색맹 (Protanopia)

적색맹 (L-콘 없음) — 남성의 약 1%

약한 적색 (Protanomaly)

적색 감도 감소 (약한 L-콘) — 경미한 적색 이상

녹색맹 (Deuteranopia)

녹색맹 (M-콘 없음) — 가장 흔한 유형

약한 녹색 (Deuteranomaly)

녹색 감도 감소 (약한 M-콘) — 전체적으로 가장 흔한 형태

청색맹 (Tritanopia)

청색맹 (S-콘 없음) — 드문 편

약한 청색 (Tritanomaly)

청색 감도 감소 (약한 S-콘) — 매우 드문 편

전색맹 (Achromatopsia)

완전 색맹 (흑백)

HEX 값을 붙여넣어 각 색각 유형에서 팔레트가 어떻게 보이는지 미리 보세요.

모든 작업은 브라우저에서 실행됩니다 — 이미지는 업로드되지 않습니다. Brettel/Viénot 색각 모델 기반.


색맹 시뮬레이터 소개

색맹 시뮬레이터(Color Blindness Simulator)는 이미지나 색상 팔레트가 다양한 유형의 색각 이상을 가진 사람들에게 어떻게 보이는지 보여줍니다. 스크린샷, 차트, 디자인 목업을 넣거나 HEX 색상 목록을 붙여넣으면 정상 시력과 나란히 각 상태에서 어떻게 렌더링되는지 확인할 수 있습니다.

시뮬레이션은 흔한 색각 이상 전체를 다룹니다: 제1색맹과 제1색약(적색맹 및 적색약), 제2색맹과 제2색약(녹색맹 및 녹색약, 가장 흔한 유형), 제3색맹과 제3색약(청색맹 및 청색약), 그리고 색을 전혀 인지하지 못하는 전색맹(achromatopsia). 시뮬레이션된 각 화면은 다운로드할 수 있습니다.

렌더링은 Brettel/Viénot 색각 모델을 기반으로 하며 전적으로 브라우저의 캔버스에서 실행됩니다. 이미지는 절대 업로드되지 않습니다. 어떤 형태로든 색각 이상이 있는 남성 약 8%에게 차트, 지도, UI 상태, 브랜드 팔레트가 여전히 구분되는지 빠르고 실용적으로 테스트하는 방법입니다.

색맹 시뮬레이터 사용 방법

  1. 이미지 탭을 선택해 이미지를 드롭, 찾아보기 또는 붙여넣으세요. 또는 팔레트 탭으로 전환해 HEX 값을 붙여넣으세요.
  2. 정상 시력의 원본과 시뮬레이션된 각 색각 유형을 비교하세요.
  3. 구분이 어려워지는 색상, 특히 차트와 상태 표시기에서 빨강 대 초록을 주의 깊게 살펴보세요.
  4. 팀과 공유하려면 시뮬레이션된 화면을 다운로드하세요.

자주 묻는 질문

일곱 가지 상태입니다: 제1색맹, 제1색약, 제2색맹, 제2색약, 제3색맹, 제3색약, 전색맹. 이는 적색맹과 적색약, 녹색맹과 녹색약, 청색맹과 청색약, 그리고 완전한 그레이스케일 시각을 아우릅니다.

아니요. 이미지는 Brettel/Viénot 색각 행렬을 사용해 브라우저 안의 캔버스에서 처리됩니다. 기기를 벗어나는 일이 없으며 이후 삭제할 것도 없습니다.

네, 완전히 무료입니다. 시뮬레이션이 클라이언트 측에서 실행되므로 계정 없이 원하는 만큼 많은 이미지와 팔레트를 테스트할 수 있습니다.

널리 인용되는 과학적 접근법인 Brettel/Viénot 모델을 사용합니다. 실제 지각은 개인과 디스플레이에 따라 다르므로, 결과를 임상적 재현이 아니라 디자인 결정을 위한 강력한 근사치로 다루세요.

네. 팔레트 탭으로 전환해 HEX 값을 붙여넣으면 도구가 모든 시력 유형에서 스와치를 렌더링합니다. 차트나 브랜드 팔레트가 구분 가능한지 확인하는 가장 빠른 방법입니다.

명도(lightness)는 모든 유형의 색각 이상에서도 유지되므로 두 색상 사이의 명도 차이를 늘리거나, 아이콘, 패턴, 라벨 같은 두 번째 단서를 추가하세요. 그런 다음 시뮬레이션을 다시 실행해 모든 유형에서 수정이 잘 됐는지 확인하세요.


인기 검색어
색맹 시뮬레이터 적색맹 시뮬레이터 녹색맹 시뮬레이터 색맹 미리보기 색맹 시뮬레이션 온라인 색각 검사
도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.
문제 신고

이 무료 도구를 귀하의 웹사이트에 추가하세요 — 아래 코드를 복사하여 붙여넣으세요.