👁️
무료 색각 이상 시뮬레이터
색각 이상이 있는 사람들에게 디자인이 어떻게 보이는지 확인합니다. 적색맹, 녹색맹, 청색맹, 전색맹, 경미한 이상을 시뮬레이션합니다.
한 번 로드하면 오프라인에서도 작동
여기에 파일을 놓거나 클릭해서 선택하세요
JPG, PNG, WebP, HEIC, HEIF · 기기에서 처리됨
또는 Ctrl+V를 눌러 클립보드에서 붙여넣기
파일이 기기를 떠나지 않습니다. 모든 처리는 브라우저에서 로컬로 이루어집니다.
디자인, 인포그래픽 또는 사진을 업로드하여 색각 이상이 있는 사람에게 어떻게 보이는지 확인하세요. 특히 유용한 대상: 차트 디자이너, UX 디자이너, 접근성 감사.
주요 용도
- 색맹에 대해 차트와 그래프를 감사합니다색 시력 결핍이 있는 약 8%의 남성이 이해할 수 있도록 데이터 시각화를 테스트합니다.
- 접근성을 위해 UI 디자인을 감사합니다CVD 모드에서 앱 UI 스크린샷을 확인하십시오 — 모든 상태 표시기가 모든 사람에게 표시되는지 확인합니다.
- 색 접근성을 위해 인쇄 디자인을 테스트합니다포스터, 인포그래픽 및 인쇄 자료는 모두 인쇄 전 CVD 확인에서 이점을 얻습니다.
- 사진가 색상 교육사진가는 시뮬레이터를 사용하여 시청자가 자신의 작업에서 색상을 인식하는 방법을 이해할 수 있습니다.
- 색 시력 결핍에 대해 가르칩니다학생, 디자이너 또는 개발자에게 색맹이 실제로 어떻게 보이는지 보여줍니다.
사용 방법
색각 이상(CVD)은 Brettel-Viénot 색상 변환 행렬을 사용하여 시뮬레이션됩니다 — 접근성 도구에서 사용되는 표준 알고리즘입니다.
- 1이미지를 드래그합니다이미지가 브라우저의 캔버스로 로드됩니다. 픽셀이 성능을 위해 축소됩니다(가장 긴 가장자리에서 최대 1200px).
- 23×3 색상 변환이 모든 픽셀에 적용됩니다각 CVD 유형에는 특정 행렬이 있습니다. 제2색맹(녹색맹)의 경우 빨강과 초록 채널이 L+S 원뿔세포만 있는 사람이 인식하는 방식을 모방하도록 혼합됩니다.
- 3변환된 이미지가 원본과 함께 표시됩니다CVD 유형을 전환하여 색각 이상이 있는 약 8%의 남성에게 같은 이미지가 어떻게 보이는지 확인하세요.
이미지는 브라우저에 머물러 있습니다. 시뮬레이션 수학도 로컬로 CPU에서 실행됩니다 — 서버, API, 업로드 없음.
관련 도구
색각 검사
그때그때 생성되는 점 패턴으로 15개의 색각 검사표를 이용한 선별 검사를 진행하고, 보이는 숫자를 입력하여 적록색약 또는 청황색약 경향에 대한 신중한 요약을 받아보세요. 의학적 진단이 아닙니다.
시도해보기
WCAG 색상 대비 검사기
두 색상이 접근성을 위한 WCAG AA 및 AAA 대비 기준을 충족하는지 확인합니다. 여러 텍스트 크기의 라이브 미리보기와 대비가 너무 낮을 때 자동 제안을 제공합니다.
시도해보기
웹캠 테스트
통화 전에 웹캠이 작동하는지 확인하세요. 실시간 미리보기, 실제 해상도와 프레임 속도, 다운로드할 수 있는 스냅샷을 제공합니다.
시도해보기