색상 대비 검사 도구

큰 텍스트의 기준

WCAG에서는 큰 텍스트를 최소 18포인트, 약 24 CSS 픽셀, 또는 굵은 14포인트, 약 18.7픽셀로 정의합니다. 이 크기의 텍스트만 더 낮은 3:1 기준을 적용할 수 있습니다. 본문, 캡션, 양식 레이블은 AA 등급에 4.5:1이 필요합니다. 대비율은 같은 색상의 1:1부터 흰색 위 검은색의 21:1까지입니다. 버튼 외곽선, 양식 필드 테두리, 포커스 표시기, 의미가 있는 아이콘에는 비텍스트 대비라는 별도 규칙이 적용되며, 인접한 색상과 3:1의 대비를 요구합니다.

투명 색상과 예외

이 검사 도구에는 불투명한 색상이 필요합니다. 반투명 텍스트나 오버레이는 색상 혼합기에서 불투명도를 가중치로 사용해 배경과 혼합한 뒤 실제로 표시되는 색상을 계산하고, 그 색상을 확인하십시오.

사용 중지된 컨트롤, 순수한 장식, 로고는 대비 규칙의 예외입니다. 양식 필드의 자리표시자 텍스트는 예외가 아니므로, 옅은 회색 자리표시자가 가장 흔한 실패 사례에 속합니다.

사용 방법

1. 유효한 #RGB 또는 #RRGGBB 값과 요청된 백분율을 입력합니다.
2. 브라우저에서 실행되는 고정된 로컬 색상 연산을 수행합니다.
3. 색상 견본을 확인하고 결과 또는 팔레트 값을 복사합니다.

개인정보 보호 및 제한사항

색상 값은 이 기기에만 남습니다. 대비 결과는 수학적 검사 결과이며, WCAG 준수를 포괄적으로 보장하지 않습니다. 맥락, 글꼴 렌더링, 텍스트가 아닌 요소의 대비, 사용자 인터페이스 상태도 검토해야 합니다.