← ToolsText & CSS
Color contrast.
HEX, RGB or HSL pairs checked against WCAG 2.2 — AA/AAA badges plus the nearest passing shade.
WCAG 2.2
✓ AA normal✓ AA large✓ AAA normal✓ AAA large19.31:1
Text
Background
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.
Pairings used on this sitefor reference
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.
17Text & CSS
Regex tester
Live JavaScript regex matching with flags, capture-group tables and a cheatsheet. Input-capped for safety.
JS RegExp
13Converters
Markdown to PDF
Markdown to a print-ready PDF with selectable text — styled preview, then your browser's Save as PDF. Mermaid blocks render as diagrams.
A4 · Print
02Formatters
HTML / CSS formatter
Tidy indented markup or minify it for shipping. Handles inline CSS and void elements.
HTML · CSS