How it works
Type a HEX colour or move the colour picker. The page shows RGB and HSL and a swatch. HEX is normalised to six digits. HSL is rounded to whole numbers for hue and to one decimal for saturation and lightness. Alpha is not converted.
Loading tool…
- 1 Type a HEX value or use the picker.
- 2 Copy HEX, RGB, or HSL.
- 3 Check the swatch against the surrounding page if you are choosing a brand colour.
Frequently asked questions
Can I type rgb() directly?
The text field expects HEX. The picker covers other choices and writes HEX for you.
Why do HSL numbers look rounded?
They are rounded for copying into CSS. The preview uses the exact RGB from the HEX value.