색맹·색약 시뮬레이터 — 이미지에 적색맹, 녹색맹, 청황색맹, 전색맹 등 7가지 색각이상 필터를 적용하여 색각이상자의 시야를 직접 체험해보세요. 디자인 접근성 검토에도 활용하세요.
색맹(Dichromacy)은 특정 원뿔세포가 완전히 없어 해당 색을 전혀 구분하지 못하는 상태이고, 색약(Anomalous Trichromacy)은 원뿔세포가 있지만 기능이 저하되어 색 구분이 어려운 상태입니다. 색약이 색맹보다 훨씬 흔하며, 남성의 약 8%가 어떤 형태든 색각이상을 가지고 있습니다.
Brettel/Viénot 알고리즘을 기반으로 한 색상 변환 행렬(CVD matrix)을 Canvas API로 픽셀 단위 적용합니다. 각 픽셀의 RGB 값을 해당 색각이상 유형에 맞게 변환해 실제 색각이상자의 시야를 근사적으로 재현합니다. 색약(약형)의 경우 원본과 시뮬레이션을 50% 블렌딩합니다.
아니요. 모든 이미지 처리는 브라우저 내 Canvas API로 이루어지며, 서버로 전송되지 않습니다. 개인 정보 걱정 없이 사용하세요.
UI 스크린샷이나 인포그래픽 이미지를 업로드하고 적색맹·녹색약 등의 필터를 적용해 보세요. 색각이상자가 해당 디자인을 어떻게 보는지 확인하고, 색상만으로 정보를 구분하는 요소가 있다면 아이콘이나 패턴을 추가하는 등 접근성을 개선할 수 있습니다.