Color Converter
Convert any colour between HEX, RGB and HSL. Paste a value or pick one with the colour swatch — all formats update live and stay in your browser.
HEX—
RGB—
HSL—
Enter a color to convert it.
How to use the Color Converter
Paste a HEX, RGB or HSL value, or open the picker and choose a colour.
Read the value in all three formats at once.
Click Copy HEX (or select any value) to reuse it in your CSS.
Frequently asked questions
Which color formats can I enter?
HEX (3, 4, 6 or 8 digits), rgb()/rgba() and hsl()/hsla(). The value is converted to all other formats at once.
What is the difference between RGB and HSL?
RGB describes a colour by its red, green and blue light values. HSL describes the same colour by hue, saturation and lightness, which is often easier to adjust by hand.
Does it support transparency?
Yes. Alpha is supported through 4- and 8-digit HEX, rgba() and hsla(), and is carried through every conversion.