Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

본문으로 건너뛰기
Gizke.com
블로그

색맹 시뮬레이터

기기에서 실행되며 아무것도 전송되지 않습니다.

이미지를 여기에 놓거나 클릭해서 고르세요

사진, 스크린샷, 차트, 디자인 - JPG, PNG, WebP, GIF

사진, 차트, 디자인을 색각 이상이 있는 사람의 눈으로 보세요. 적색맹, 녹색맹, 청색맹 등을 나란히 비교합니다. 업로드 없음.

디자인, 차트, 지도, 사진이 색각 이상이 있는 남성 12명 중 1명, 여성 200명 중 1명에게도 잘 보이는지 확인하세요. 이미지를 놓으면 녹색맹, 적색맹, 청색맹, 전색맹인 사람이 보는 모습을 한꺼번에 또는 전후 비교 슬라이더로 하나씩 볼 수 있습니다. 정도를 낮추면 가장 흔한 가벼운 색약도 볼 수 있고, 어떤 보기든 PNG로 내려받을 수 있습니다. 시뮬레이션은 브라우저 개발자 도구와 같은 Machado(2009) 모델을 따르며, 이미지는 기기를 떠나지 않습니다.

자주 묻는 질문

시뮬레이션은 얼마나 정확한가요?
Chrome과 Firefox 개발자 도구가 쓰는 Machado, Oliveira, Fernandes(2009)의 생리학 기반 모델을 선형 RGB에서 적용합니다. 어떤 시뮬레이션도 한 사람이 보는 것을 정확히 재현할 수는 없지만(색각은 사람마다 다릅니다), 어떤 색이 구별하기 어려워지는지는 믿을 만하게 보여 줍니다.
색맹과 색약은 어떻게 다른가요?
색맹은 세 종류의 원뿔세포 중 하나가 없는 경우이고, 색약은 원뿔세포는 있지만 반응이 어긋나 색이 사라지는 대신 약해지는 경우입니다. 색약이 훨씬 흔해서 녹색약만 남성의 약 5%입니다.
색각 이상을 배려한 디자인은 어떻게 하나요?
색에만 의존하지 말고 라벨, 패턴, 아이콘, 선 스타일을 함께 쓰세요. 의미를 담는 빨강/초록, 초록/갈색 조합을 피하고, 중요한 색끼리는 밝기 차이를 뚜렷하게 하며, 파랑/주황 같은 팔레트를 고르세요. 그다음 여기서 모든 유형을 확인하세요.
이미지가 업로드되나요?
아니요. 이미지는 브라우저에서 canvas API로 열고 처리하며, 서버로 아무것도 보내지 않습니다. 페이지를 불러온 뒤에는 오프라인에서도 작동합니다.

이 도구 공유하기

블로그소개문의이용약관개인정보처리방침