About the Color Picker & Converter
Choose a colour with the picker or type a HEX, RGB or HSL value. The tool converts between formats, checks contrast against white and black using WCAG ratios and shows shades of the same hue.
How to use it
- Pick a colour or type any colour value.
- Copy the HEX, RGB or HSL string.
- Check contrast and click a shade to explore variations.
Frequently asked questions
- What contrast ratio is accessible?
- WCAG asks for 4.5 to 1 for normal text and 3 to 1 for large text at level AA.
- What is the eyedropper?
- In supported browsers it lets you pick any colour from your screen.
Private by design: this tool runs in your browser. Read the privacy policy.