Color Contrast Checker

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.

Color Contrast Checker | No registration ยท Data never leaves your browser

Feedback: dexshuang@google.com