What color formats are supported?

HEX (e.g. #FF5733), RGB (e.g. rgb(255, 87, 51)), HSL (e.g. hsl(11, 100%, 60%)), HSV (e.g. hsv(11, 80%, 100%)), and CMYK (e.g. cmyk(0%, 66%, 80%, 0%)).

Can I edit any format and the others update?

Yes. Use the color picker, type a hex value, or adjust the RGB/HSL/HSV sliders — all formats update in real-time.

What is the difference between HSL and HSV?

Both are based on hue, saturation, and a third value. HSL uses Lightness (0% = black, 100% = white, 50% = pure color). HSV uses Value (0% = black, 100% = pure color). HSV matches how Photoshop and image editors work.

When should I use CMYK?

CMYK is used for print (cyan, magenta, yellow, black ink). For screen designs (web, app), use HEX, RGB, or HSL. Note: CMYK conversions are approximate — actual print colors depend on the printer and paper.

Color Converter (HEX, RGB, HSL, HSV, CMYK)

Free online color converter. Convert colors between HEX, RGB, HSL, HSV, and CMYK. Edit any format and the others update in real-time. No signup, 100% browser-based.

Color Converter

Convert colors between HEX, RGB, HSL, HSV, and CMYK. Edit any format and the others update in real-time. Free, no signup.

HEX color

Use the color picker or type a hex value (#RGB or #RRGGBB)

HEX

#059669

RGB

rgb(5, 150, 105)

HSL

hsl(161, 94%, 30%)

HSV

hsv(161, 97%, 59%)

CMYK

cmyk(97%, 0%, 30%, 41%)

RGB

HSL

HSV

How to Use the Color Converter (HEX, RGB, HSL, HSV, CMYK)

1Enter a colour in any format — HEX, RGB, HSL or a CSS name.
2All equivalent formats update instantly, including the alpha variants.
3Copy any format with one click using the swatch cards.
4Use the tint-and-shade strip to find lighter and darker variants of your colour.