HEX / RGB / HSL Color Converter

HEX RGB HSL

Frequently asked questions

Which color formats are supported?

You can type a HEX code, an rgb() value, or pick a color with the built-in color picker, and the tool instantly shows the equivalent HEX, RGB and HSL values plus a live preview swatch.

Do I need to type the # in HEX codes?

No. A leading # is stripped automatically, and short 3-digit codes like #4a6 are expanded to their full 6-digit form.

How do I get the HSL values of a brand color?

Paste the HEX or RGB value you were given and read the HSL field. HSL is handy in CSS when you need to adjust lightness or saturation of a color.

Why does the RGB field accept loose input?

It reads the first three numbers it finds, so both rgb(74, 108, 247) and a plain 74, 108, 247 work.