🎨 Color Contrast Checker Online Free — WCAG AA/AAA
전경색과 배경색을 선택하면 WCAG 2.1 접근성 대비율과 합격 여부를 실시간으로 확인합니다.
대비율 (Contrast Ratio)
-
:1
AA 일반 텍스트
최소 4.5:1 필요
AA 큰 텍스트 (18pt+)
최소 3:1 필요
AAA 일반 텍스트
최소 7:1 필요
AAA 큰 텍스트
최소 4.5:1 필요
텍스트 미리보기
제목 텍스트 (24px Bold)
본문 텍스트입니다. The quick brown fox jumps over the lazy dog. (16px)
소형 텍스트 (14px) — 접근성 기준이 가장 엄격합니다.
✅ 접근성 AA 이상 추천 색상 조합
❓ FAQ
What is a color contrast checker?
A color contrast checker tests the contrast ratio between text and background colors to ensure they meet WCAG (Web Content Accessibility Guidelines) standards. A ratio of 4.5:1 is required for WCAG AA compliance, and 7:1 for AAA, ensuring readability for people with visual impairments.
What is the minimum contrast ratio for WCAG AA?
WCAG 2.1 AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold). AAA requires 7:1 for normal text and 4.5:1 for large text. Our free color contrast checker shows pass/fail for both levels instantly.
How do I check if my website colors are accessible?
Enter your foreground (text) color and background color in HEX format in our free WCAG color contrast checker. It calculates the contrast ratio and shows whether your combination passes WCAG AA and AAA standards, with a live text preview.