색 대비 검사
글자색과 배경색의 대비가 WCAG 접근성 기준을 통과하는지 확인합니다.
Tools Here · 툴즈히어
이 미리보기는 전경색과 배경색을 실시간으로 반영합니다. 대비를 확인해 모든 사용자가 명확하게 읽을 수 있게 하세요.
예시 버튼
현재 명도 대비
8.66
가독성 매우 높음
검토 결과 (WCAG 2.1)
일반 텍스트 (AA)통과 (8.7:1)
일반 텍스트 (AAA)통과 (8.7:1)
큰 텍스트 (AA)통과 (8.7:1)
큰 텍스트 (AAA)통과 (8.7:1)
UI 컴포넌트통과 (8.7:1)
info
AA 가이드라인
가장 일반적인 웹 접근성 기준이에요. 일반 텍스트는 4.5:1, 큰 텍스트(18pt 이상)는 3:1 이상의 대비가 필요해요.
verified
AAA 가이드라인
가장 높은 수준의 기준이에요. 일반 텍스트는 7:1, 큰 텍스트는 4.5:1 이상의 대비를 요구해요.
색 설정
contrast
색을 고르고 [실행]을 누르면 대비 결과가 여기에 쌓여요.