Website Contrast Checker
Paste your page HTML and see contrast ratios for every key element type: headings, body text, links, buttons, and nav. WCAG AA and AAA results per element.
Open any webpage, view source (Ctrl+U or Cmd+U), select all, copy, and paste here. Inline styles and <style> blocks are analyzed fully. External stylesheet links will not load (they are on another server), so include any relevant <style> blocks for best results.
Paste page HTML above and click Analyze to see contrast ratios for every key element type.
| Element | Sample text | Text | Background | Ratio | AA | AAA |
|---|
Large text (H1-H3, or computed font size ≥24px, or ≥18.67px bold): AA threshold 3:1, AAA 4.5:1. Normal text: AA 4.5:1, AAA 7:1.