Free Colour Converter and Contrast Checker
Convert colours between HEX, RGB and HSL and check their contrast against white and black.
Runs in your browser. Nothing you type is uploaded.
How to use the Colour Converter
Type a colour in HEX, RGB or HSL, or pick one with the colour picker.
Copy the format you need from the results.
Check the contrast ratios before you use the colour for text.
Questions
What contrast ratio do I need?
WCAG 2 level AA needs at least 4.5:1 for normal text and 3:1 for large text. Level AAA needs 7:1 for normal text and 4.5:1 for large text.
What counts as large text?
WCAG treats text of at least 18 point, or 14 point bold, as large. That is roughly 24px, or about 18.7px bold.
What does the 8 digit HEX code mean?
The last two digits are the alpha channel, from 00 for fully transparent to FF for fully opaque.
More developers tools
- Commit Message GeneratorBuild clear commit messages that follow the Conventional Commits format.
- Password GeneratorCreate strong random passwords or memorable passphrases, generated securely in your browser.
- llms.txt GeneratorCreate an llms.txt file that points AI assistants and agents to the pages on your site that matter most.New