Color converter
Color
Convert colors between HEX, RGB, and HSL, with a live swatch.
HEX
#1677ff
RGB
rgb(22, 119, 255)
HSL
hsl(215, 100%, 54%)
How to use
Type HEX, RGB, or HSL, or pick a color. You get a swatch and all three formats, each with copy. #RGB, #RRGGBB, rgb(), and hsl() are accepted.
FAQ
Which formats are supported?
- #1677ff, #17f, rgb(22, 119, 255), and hsl(215, 100%, 54%). Alpha channels are ignored.
How do HEX and RGB relate?
- HEX is red, green, and blue in hexadecimal. RGB uses 0–255 decimal. They describe the same color.
What do the HSL percentages mean?
- H is hue 0–360. S is saturation and L is lightness, both as percentages.
Do the picker and text field stay in sync?
- Yes. The picker writes HEX, and a valid typed color updates the picker.