Color Converter
Convert HEX, RGB, and HSL live — with a large swatch preview.
RGB
HSL
Edit any format — hex, RGB channels, or HSL — and the other two update live alongside the swatch. Shorthand like #f00 expands to #ff0000. HSL is handy for nudging hue or lightness without touching the other two.
How to convert a color
Type a hex code, set the red/green/blue channels, or enter HSL values. Whichever you edit, the other two formats update live and the swatch fills with the result. Use the Copy button beside each format to grab it.
Reading the three formats
HEX is the compact form CSS and design tools expect. RGB maps to the three light channels from 0 to 255. HSL describes the color as a hue angle plus saturation and lightness percentages — the most intuitive for tweaking by eye.
Questions
Which color formats does it convert between?
HEX, RGB, and HSL, in every direction. Edit the hex code, any RGB channel, or any HSL component and the other two formats recompute instantly, with the swatch always showing the current color.
When should I use HSL instead of RGB?
HSL separates hue, saturation, and lightness, so it's easier to nudge a color by hand — shift the hue to find a relative, or drop the lightness for a darker shade — without juggling three RGB channels at once.