How accurate are the conversions?

Conversions use the standard color-space math with proper rounding. Note that CMYK is a print color space, converting screen colors to CMYK is approximate, as it depends on the printer profile.

Can I paste a color from my design tool?

Yes. Paste HEX, rgb(), hsl(), or CMYK values copied from Figma, Photoshop, or your code and all formats update immediately.

Is anything uploaded?

No. All conversion math runs in your browser.

Color Converter

Convert colors between HEX, RGB, HSL, and CMYK.

#7c3aed

HEX color

Red: 124

Green: 58

Blue: 237

HEX

#7c3aed

RGB

rgb(124, 58, 237)

HSL

hsl(262, 83%, 58%)

Type a hex value, pick a color, or drag the RGB sliders, every format updates live. All conversion happens in your browser; nothing is sent anywhere.

About this tool

Designers think in HEX, print shops want CMYK, and CSS sometimes needs HSL, translating between color formats by hand is error-prone busywork. This free color converter takes any color you give it and instantly shows the equivalent in HEX, RGB, HSL, and CMYK, with a live preview swatch so you can see exactly what you're working with.

Paste values straight from Figma, Photoshop, or your stylesheet, the parser handles #RGB, #RRGGBB, rgb(), hsl(), and CMYK notations. One click copies any format to your clipboard. The shuffle button generates a random color for exploration.

How to use the color converter

1Type or paste a color in any format: HEX, RGB, HSL, or CMYK.
2See all four formats update instantly with a live preview swatch.
3Click any value to copy it to your clipboard.
4Use the shuffle button for a random color to explore.

Good to know

Everything runs locally in your browser with no uploads or tracking. Pair it with the Color Picker for visual selection and the Palette Generator for full color schemes.

Frequently asked questions

HEX (#RRGGBB), RGB (0–255), HSL (hue/saturation/lightness), and CMYK (cyan/magenta/yellow/black percentages), with instant two-way conversion between all of them.

More free tools you might find useful.

New