Hex to RGB / HSL / CMYK Converter

What is Hex to RGB / HSL / CMYK Converter?

A hex to RGB/HSL/CMYK converter translates color values between the different color model formats used in web design, graphic design, and print production. Each color model represents colors differently to suit different use cases: HEX is the most common format in web CSS, combining red, green, and blue channels into a compact 6-digit hexadecimal string. RGB expresses colors as three numeric values (0–255) for Red, Green, and Blue channels. HSL expresses colors as Hue (0–360°, the color wheel position), Saturation (0–100%, the color intensity), and Lightness (0–100%, the brightness). CMYK expresses colors as percentages of Cyan, Magenta, Yellow, and Key (Black) — the format used by color printers. Designers frequently need to convert between these formats: a brand color defined in HEX for web needs to be expressed in CMYK for printing, or a color chosen from a design tool in HSL needs its HEX code for CSS. The converter accepts any color format as input and instantly outputs all other formats, with a live color swatch showing the exact color.

How to Use Hex to RGB / HSL / CMYK Converter

1. Enter a HEX color code (#3B82F6 or 3B82F6) in the HEX field, or use the color picker to select a color visually.
2. The converter instantly displays the equivalent values in RGB, HSL, and CMYK.
3. Alternatively, enter values directly in any other field — RGB, HSL, or CMYK — and all other formats update instantly.
4. The large color swatch previews the exact color you are working with.
5. Click the copy icon next to any format to copy that value to your clipboard.
6. Use the eyedropper tool (where supported) to pick a color from anywhere on your screen.

Frequently Asked Questions