a11y.skipToMainContent
1

색깔 맹목적인 시뮬레이터

이미지와 디자인이 컬러 비전 부족으로 사람들에게 어떻게 나타나는지 분석합니다. protanopia, deuteranopia, tritanopia 및 achromatopsia 필터를 사용하여 이미지 또는 내장 테스트 패턴을 업로드하십시오.

Upload an image or use the built-in test pattern below

Was this tool helpful?
Send output to:
Advertisement

How to use Color Blindness Simulator

  1. 내장 무지개 테스트 패턴을 사용하거나 자신의 이미지를 업로드 (디자인 조업, 사진, 차트, 또는 UI 스크린 샷 작업 최고의).
  2. CVD 타입 탭(Protanopia, Deuteranopia, Tritanopia, Achromatopsia)를 클릭하여 각 유형이 이미지에 어떻게 영향을 미치는지 알아보십시오.
  3. 토글 스플릿 뷰는 같은 캔버스에 대한 원래의 대 시뮬레이션 된 측면을 비교합니다.
  4. 블렌드 슬라이더를 사용하여 부분 효과에 다이얼을 사용합니다.

색각 이상 시뮬레이터은 무엇입니까?

남자의 약 8 %와 여성의 0.5 %는 색상 비전 부족 (CVD)의 일부 형태가 있습니다. 이 도구는 LMS (Long/Medium/Short 콘) 색상 공간 변환을 사용하여 이미지가 다른 유형의 색상 블라인드와 함께 사람에 어떻게 나타나는지 정확하게 시뮬레이션합니다.

Protanopia (red-blind, ~1% of males) : Missing L cones - reds appear dark, confusion between red/green and blue/purple.

Deuteranopia (green-blind,

Advertisement

FAQ

이 시뮬레이션은 어떻게 정확합니까?
시뮬레이션은 표준 LMS 콘 공간 변환 방법을 사용합니다 (라인 RGB에서 LMS로 변환, 편향 콘 응답을 제로). 이것은 접근성 도구 및 학술 연구에 의해 사용되는 수학 모델입니다. 그것은 정확하게 dichromatic 색깔 시각을 나타냅니다 (한 콘 유형을 놓기) 그러나 완벽하게 anomalous trichromacy (shifted 콘 감도)를 가장할 수 없습니다.
왜 나는 디자인을 위해 이것을 사용합니까?
디자이너는 CVD 시뮬레이터를 사용하여 차트, UI,지도 및 그래픽이 색상 블라인드 사용자에게 구별 할 수 있습니다. 예를 들어, red-green 트래픽 표시등은 protanopia/deuteranopia와 indistinguishable이 됩니다. 형태 또는 텍스트 라벨을 fallback으로 추가할 것입니다.
Protanopia와 deuteranopia의 차이점은 무엇입니까?
Protanopia는 L (long-wavelength/red) 콘이 누락되어 훨씬 더 어둡게 나타납니다. Deuteranopia는 M (medium-wavelength/green) 콘이 누락되고, 유사한 빨간 녹색 혼란을 일으키는 원인이 되고 정상적인 광도 인식으로. 시뮬레이션 필터는 특히 red/magenta 범위에서 subtly 다른 결과를 생성합니다.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Last updated:

Advertisement