Developer & Web Tools
Colour Converter & Contrast Checker
Convert between HEX, RGB, HSL and HSB, and check WCAG contrast against a background.
Privacy
Everything on this page runs inside your browser. Nothing you paste, type or upload is transmitted, logged or stored.
Tips
- WCAG AA needs 4.5:1 for body text and 3:1 for large text (18pt, or 14pt bold). AAA raises these to 7:1 and 4.5:1.
- Contrast depends on relative luminance, not on how bright a colour looks. Saturated yellows and cyans score far lower than they appear.
- The 3:1 threshold also applies to icons, form borders and focus rings — not only to text.
Frequently asked questions
My brand colour fails. What now?
Keep it for large headings, fills, borders and decoration, and use a darkened version of the same hue for body text. That preserves the brand while staying legible — exactly the approach used for the light theme of this site.