← ToolsText & CSS
Color contrast.
HEX, RGB or HSL pairs checked against WCAG 2.2 — AA/AAA badges plus the nearest passing shade.
Preview
Agility 28px
Body copy 15px — the quick brown fox.
mono 12px · 0123456789
WCAG 2.2 · normal ≥4.5 · large (≥24px / 19px bold) ≥3.0 · AAA ≥7.0 / 4.5.
🔒 Privacy — runs 100% locally
No uploads · no cookies · works offline after load. View Source if you don't believe it.
How to use.
- Enter any HEX, rgb() or hsl() pair — picker or typed.
- Read the ratio plus AA/AAA badges for normal and large text.
- Failing? Click the suggested shade to apply the nearest pass.
Related tools.
Text & CSS
Regex tester
Live JavaScript regex matching with flags, capture-group tables and a cheatsheet. Input-capped for safety.
Converters
Markdown to PDF
Markdown to a print-ready PDF with selectable text — styled preview, then your browser's Save as PDF.
Formatters
HTML / CSS formatter
Tidy indented markup or minify it for shipping. Handles inline CSS and void elements.
FAQ.
Which standard?
WCAG 2.2 contrast: 4.5 normal / 3.0 large for AA, 7.0 / 4.5 for AAA. Large means ≥24px or 19px+ bold.
Does this guarantee accessibility?
No — contrast is necessary but not sufficient. Font weight, size and context matter too.