색상 접근성 검사기 — WCAG 대비 및 색맹 시뮬레이션

웹 콘텐츠 접근성 지침(WCAG)은 텍스트와 배경 색상 간의 최소 대비율을 정의합니다. AA 수준은 일반 텍스트 4.5:1, 대형 텍스트(18pt+) 3:1을 요구합니다. AAA 수준은 일반 7:1, 대형 4.5:1을 요구합니다. 비율이 높을수록 가독성이 좋습니다.

색각 결핍(CVD)은 전 세계 남성의 약 8%, 여성의 0.5%에 영향을 미칩니다. 가장 흔한 유형은 적색맹과 녹색맹입니다. 이 도구는 각 유형의 사용자에게 색상 쌍이 어떻게 보이는지 시뮬레이션하여 모든 사람을 위한 디자인을 돕습니다.

색상 쌍이 WCAG 또는 CVD 검사에 실패하면, 도구는 모든 기준을 통과하는 근접 색상을 검색합니다. 색조를 유지하면서 명도를 조정하여 제안된 색상이 디자인 의도에 부합하면서 접근성을 충족합니다.

네, 100% 안전합니다. 모든 색상 계산은 JavaScript를 통해 브라우저에서 직접 수행됩니다. 색상, 팔레트 또는 데이터가 서버로 전송되지 않습니다. 첫 로드 후 오프라인에서도 사용 가능합니다.

Delta E(CIE2000)는 두 색상 간의 지각적 차이를 측정합니다. Delta E 1 미만은 두 색상이 육안으로 거의 동일함을 의미합니다. 접근성을 위해 모든 CVD 시뮬레이션에서 전경과 배경 간 최소 Delta E 10을 권장합니다.