Color Converter

Convert any color between HEX, RGB, HSL, and CMYK instantly. Edit any field and all other formats update in real time. Click a field to copy the value.

Color picker

Hex code

Copy all

Try:

HEXHexadecimal

#3B82F6

Value (with #)

RGBRed Green Blue

rgb(59, 130, 246)

r (0–255)

g (0–255)

b (0–255)

HSLHue Saturation Lightness

hsl(217, 91%, 60%)

H (0–360)

S (0–100)

L (0–100)

CMYKCyan Magenta Yellow Key

cmyk(76%, 47%, 0%, 4%)

c %

m %

y %

k %

Color format guide

HEX

The most common format for web and UI work. Three pairs of hex digits represent red, green, and blue channels from 00 to FF. Used in CSS, design tools, and most web frameworks.

RGB

Red, green, and blue values from 0 to 255. Matches how screens actually mix light. Great for CSS (rgb()), JavaScript canvas, and any context where you need to manipulate color channels directly.

HSL

Hue (0–360°), saturation (0–100%), and lightness (0–100%). Much more intuitive for making manual adjustments — spin the hue, dial up the saturation, tweak the brightness. Common in CSS and design systems.

CMYK

Cyan, magenta, yellow, and key (black) as percentages. This is the format used by printers and print production workflows. Web colors are RGB, so CMYK is mainly relevant when preparing assets for physical print.