Free online WCAG color contrast checker. Calculates foreground-background contrast ratio, auto-judges AA/AAA compliance. Supports HEX/RGB/HSL input, real-time preview. Essential for web accessibility. 🔒 No registration · Data never uploaded
⚙️ Color Settings
🎯 Preview
Large Text
Normal Text: The quick brown fox jumps over the lazy dog.
🔒 Color calculations run entirely in your browser. Data never leaves your device.
❓ FAQ
What's the difference between AA and AAA?
AA requires normal text contrast ≥4.5:1 and large text ≥3:1. AAA requires normal text ≥7:1 and large text ≥4.5:1. Most sites only need AA.
What color formats are supported?
Supports HEX (#FF0000), RGB (255,0,0), HSL (0,100%,50%) auto-detection, plus common color names (red, blue, etc.).
What qualifies as large text?
WCAG defines large text as ≥18pt or ≥14pt bold. Large text has lower contrast requirements, making compliance easier to achieve.