Color Converter
Convert HEX, RGB and HSL with a color picker and shades.
#3b82f6
HEX
RGB
HSL
Shades (lightness in %)
How it works
- Type a color in any format (#ff8800, rgb(255, 136, 0) or hsl(32, 100%, 50%)) or use the picker.
- Copy the HEX, RGB and HSL values with the Copy buttons.
- Click a shade to select it as the new color.
FAQ
›How do I convert HEX to RGB?
A HEX code is three pairs of hexadecimal digits for red, green and blue. #ff8800 means R = 255, G = 136, B = 0.
›What does HSL mean?
Hue (0–360°), Saturation (%) and Lightness (%). HSL makes it easy to create lighter and darker variants of a color.
›Does it support short HEX codes?
Yes, #f80 is the same as #ff8800.