Color converter (HEX, RGB, HSL)
Convert colors between HEX, RGB and HSL instantly. Pick a color with the visual picker or type any format and the others update on their own, with a live swatch. Everything happens in your browser.
How to convert a color
- Pick a color with the picker or type a HEX, RGB or HSL value.
- The other formats are computed instantly.
- Check the live color swatch.
- Copy the format you need with its “Copy” button.
Frequently asked questions
What are HEX, RGB and HSL?
They are three ways to describe a color. HEX uses hexadecimal notation (#3b82f6); RGB gives the red, green and blue components (rgb(59, 130, 246)); HSL describes hue, saturation and lightness (hsl(217, 91%, 60%)). All three represent the same color.
Is the conversion exact?
HEX and RGB are exact equivalents. HSL is rounded to whole degrees and percentages, so a round trip may differ by an imperceptible amount.
Does it accept shorthands like #rgb?
Yes. It accepts 3- or 6-digit HEX, with or without the hash, and the rgb(…) and hsl(…) formats or just the numbers.
Does it include transparency (alpha)?
For now it works with opaque colors, without an alpha channel. For most design and CSS uses that is enough.
Is it processed on a server?
No. All conversion happens in your browser; nothing is sent anywhere.