Color Converter

Free Color Converter (HEX, RGB, HSL)

This free online color converter turns any color into every common format at once. Type a HEX code like #2563eb, an rgb() or hsl() value, or pick a shade with the swatch picker — and instantly see the matching HEX, RGB, HSL and CMYK values, plus a large live preview. It’s perfect for developers, designers and anyone who needs to convert hex to rgb in a click. It’s free, instant and runs entirely in your browser.

How to use the color converter

1. Enter a color in the box — HEX (#rgb or #rrggbb), rgb()/rgba() or hsl()/hsla().
2. Or click the swatch picker next to the box to choose visually.
3. The preview and all four format values update live as you type.
4. Click Copy beside any value to copy that exact format.
5. Use Random color for inspiration or Reset to start over.

HEX vs RGB vs HSL

HEX is a six-digit code like #2563eb that packs red, green and blue into pairs of hexadecimal digits. It is compact and is the most common way to write colors in HTML and CSS. RGB describes the same color as three numbers from 0 to 255 — one each for red, green and blue — so #2563eb becomes rgb(37, 99, 235). RGB is handy when you want to read or tweak a single channel, or add transparency with rgba().

HSL takes a different approach: hue (the color on a 0–360° wheel), saturation (how vivid it is) and lightness (how light or dark). HSL is the most intuitive for humans — to make a color lighter you simply raise the lightness, and to find a related shade you nudge the hue. Designers often pick a base hue in HSL, then export the final value as HEX. CMYK, shown here as a bonus, is used for print and describes color as percentages of cyan, magenta, yellow and black ink.

Frequently asked questions