색상 대비 검사기

WCAG 색상 대비 접근성 확인

전경색과 배경색을 hex 형식으로 입력하면 WCAG 2.1 상대 휘도 공식을 사용해 대비 비율이 즉시 계산됩니다. 도구는 네 가지 접근성 체크포인트(일반 텍스트와 큰 텍스트 또는 UI 컴포넌트 각각의 AA와 AAA)에 대해 합격 또는 불합격을 표시합니다. 색상 선택기를 사용해 시각적으로 선택하거나 값을 직접 입력하세요.

WCAG는 세 가지 적합성 레벨을 정의합니다. AA 레벨은 대부분의 웹사이트의 표준 요구사항으로 일반 텍스트에 최소 4.5:1, 큰 텍스트(18pt 또는 14pt 굵게)에 3:1의 비율이 필요합니다. AAA 레벨은 강화된 표준으로 각각 7:1과 4.5:1을 요구합니다. 최대 가능 비율은 21:1이며 흰색 배경에 검정 텍스트로 달성됩니다.

자주 묻는 질문

큰 텍스트란 무엇인가요? WCAG는 큰 텍스트를 일반 굵기로 최소 18pt(24px) 또는 굵은 글씨로 14pt(약 18.67px)로 정의합니다.

알파 투명도가 지원되나요? 아니요. 도구는 완전 불투명한 hex 색상으로 작동합니다. 반투명 색상의 경우 먼저 배경과 색상을 합성하세요.