What This Color Contrast Checker Does
| Feature | Description |
|---|
| Contrast Ratio | Calculates luminance contrast between colors |
| WCAG 2.1 Compliance | Checks AA and AAA standards |
| Normal Text | Under 18pt / 14pt bold |
| Large Text | 18pt+ / 14pt bold+ |
| Real-time Preview | See colors on sample text |
| Hex Color Input | Type or use color picker |
| Quick Presets | Common color combinations |
| Recommendations | Accessibility suggestions |
| Copy Report | Export compliance report |
WCAG Contrast Requirements
| Level | Text Size | Minimum Ratio |
|---|
| AA | Normal (<18pt / 14pt bold) | 4.5:1 |
| AA | Large (18pt+ / 14pt bold+) | 3.0:1 |
| AAA | Normal (<18pt / 14pt bold) | 7.0:1 |
| AAA | Large (18pt+ / 14pt bold+) | 4.5:1 |
How Contrast Ratio Works
The contrast ratio ranges from 1:1 (same color) to 21:1 (black on white or white on black).
