カラーブラインドパレット

확신하는! 다음은 서구 최적화 및 Google 친화적 인 컨텐츠의 컨텐츠를 영어로 제공합니다. 원래 구조가 보존 된 [TTPP] 및 [YYXX] 자리 표시자는 그대로 유지되었으며 추가 또는 설명 텍스트는 다음과 같습니다.

Color Blindness Palette 앱을 사용하면 여러 색상을 선택하고 색상 비전 결함이있는 개인이 얼마나 구별 할 수 있는지 테스트 할 수 있습니다. 최대 4 가지 색상을 선택하면 다양한 유형의 색맹을 가진 사람들에게 어떻게 보이는지 알 수있어 접근성과 디자인 선택을 개선 할 수 있습니다.

이 도구는 시각적으로 포괄적 인 콘텐츠를 만들고자하는 설계자, 개발자 및 교육자에게 특히 유용합니다. 최상의 결과를 얻으려면 항상 대비 수준을 고려하고 중요한 정보를 전달하기 위해 색상에만 의존하지 마십시오.

컬러 실명 시뮬레이터 사용 방법

내장 된 컬러 피커 또는 16 진수, RGB 또는 HSL 값을 입력하여 최대 4 가지 색상을 선택하십시오. Protanopia, Deuteranopia 및 Tritanopia를 포함한 다양한 유형의 색 시력 결핍에서 선택된 색상이 어떻게 나타나는지 미리보십시오. 비교 기능을 사용하여 가시성을 나란히 평가하십시오. 시뮬레이션 결과를 기반으로 정보에 근거한 결정을 내려 프로젝트의 접근성을 향상시킵니다.

[TTPP]

접근성이 중요한 이유

컬러 시력 결핍은 12 명 중 약 1 명, 전 세계 200 명 중 1 명에 영향을 미칩니다. 이것을 고려하지 않고 설계하면 의도하지 않게 사용자의 상당 부분을 배제 할 수 있습니다. 이 응용 프로그램은 문제가있는 색상 조합을 식별하고 그에 따라 조정하여 시각 자료가 모든 사람에게 명확하고 효과적인 상태를 유지할 수 있도록 도와줍니다.

웹 사이트, 인포 그래픽, 모바일 UI 또는 교육 자료를 디자인하든 색상 선택을 테스트하면 사용자 경험과 포괄성에 큰 차이가 생길 수 있습니다.

[yyxx]

색상 접근성을 염두에두고 설계하기위한 팁

데이터를 나타내거나 동작을 표시하기 위해 색상 만 사용하지 마십시오 (예 : 빨간색 = stop, green = go). 의미를 강화하기 위해 패턴, 텍스처 또는 레이블을 추가하십시오. 배경과 전경 요소 사이에 충분한 대비를 보장하십시오. 이와 같은 도구를 사용하여 디자인을 테스트하여 다양한 유형의 컬러 비전 결함을 가진 사용자에게 어떻게 보이는지 시뮬레이션하십시오. 액세스 가능한 색상 대비 및 프레젠테이션에 대해서는 WCAG 지침을 따르십시오.

이 응용 프로그램 사용에 대한 자세한 내용은 "?"를 클릭하여 화면의 오른쪽 상단에있는 도움말 메뉴를 참조하십시오. 상.