Convert colours between HEX, RGB, and HSL
The same colour can be written several ways: a HEX code for CSS, RGB values for image editors, or HSL when you want to reason about hue, saturation, and lightness. Converting between them by hand is fiddly. This tool translates a colour across all three formats at once and includes a picker, so you can grab a shade and read it in whichever notation your work needs.
How to use it
- Enter a colour in any format, or use the picker.
- Read its HEX, RGB, and HSL equivalents.
- Copy the format you need.
When each format helps
- HEX is compact and standard in CSS.
- RGB maps directly to screen pixels and supports alpha.
- HSL makes it intuitive to lighten, darken, or shift hue.
Questions people ask
Why adjust colours in HSL? Because changing lightness or hue is a single, predictable tweak — far easier than nudging three RGB channels together.
Is anything uploaded? No — conversion runs in your browser.