Color Code Converter
Convert between HEX, RGB, and HSL instantly, with a live color swatch.
About the Color Code Converter
Type a colour in any of HEX, RGB or HSL and the other two update instantly, alongside a live swatch. Click the swatch to open your browser's colour picker and the codes follow along.
HEX is a six-digit code such as #6c5ce7. RGB gives the red, green and blue channels from 0 to 255. HSL describes a colour by hue (0–360°), saturation and lightness, which is often the easiest way to make a colour lighter or darker.
Frequently asked questions
How do I convert HEX to RGB?
Split the six-digit HEX code into three pairs and read each as a base-16 number. For #6c5ce7 that is 6c = 108, 5c = 92 and e7 = 231, so rgb(108, 92, 231).
What does HSL stand for?
Hue, saturation and lightness. Hue is the position on the colour wheel in degrees, saturation is how vivid the colour is, and lightness runs from black to white.
Can I use these codes in CSS?
Yes. HEX, rgb() and hsl() are all valid CSS colour values.