🎨 Converters

Color Converter

Convert colors between HEX, RGB, HSL and CMYK instantly. Enter any format and get equivalents in the others. Live color preview.

Enter in any format below

All fields update automatically

HEX

RGB

HSL

CMYK

How to use?

Enter a color in whichever format you like (HEX, RGB, HSL or CMYK) and the remaining fields fill in by themselves. Whenever you want the value from a specific format, just hit "Copy".

Convert colours between HEX, RGB, HSL and CMYK

Each situation calls for the colour in a different format. CSS wants HEX, an image works in RGB, tweaking a shade is simpler in HSL, and printing relies on CMYK. This converter takes one colour and shows it translated into all of those formats at once, so you skip the math by hand.

Type the colour in any single format. The equivalents fill in on their own across the others, and a visual preview updates live so you can check the exact shade. It works well if you keep bouncing between design and code, or you need to pull a colour off the screen and onto printed material.

Because the conversion runs inside the browser with nothing to install, it becomes a quick way to keep colours consistent across any project, from web to print.

Frequently asked questions

Can I paste rgba, an eight-digit hex or a name such as red?

No. The HEX box takes three or six hexadecimal digits, with or without the leading hash, and nothing else: eight-digit hex with transparency, rgba functions and CSS colour names are not parsed. While the typed value is invalid the other formats simply stay put, with no error message shown. Alpha is not carried through any of the four formats either.

Can I send this CMYK straight to a print shop?

Treat it as a reference, not as a proof. The conversion is the plain arithmetic one, where black comes from 1 minus the largest RGB channel, with no ICC profile and no simulation of paper or ink. A printer working with a profile such as FOGRA39 or SWOP will land on different numbers for the same colour. Ask for their output profile and convert in your editor before sending final art.

I converted to HSL and back, and the HEX shifted slightly. Why?

Every field holds whole numbers: hue in degrees, saturation and lightness in whole percent, RGB channels with no decimals. Because each step rounds, a round trip can land on a neighbouring tone, off by a point or two per channel. HEX and RGB translate losslessly, since they carry the same information; HSL and CMYK are where the rounding shows.

Related Tools

🔢

Numeric Bases Converter

Convert numbers between binary (base 2), decimal (base 10), hexadecimal (base 16) and octal (base 8). Type in any field for instant conversion in the others.

🔣

Text ↔ Hex Converter

Convert ASCII text to hexadecimal values and vice versa, character by character. Useful for debugging, encoding and protocol analysis.

📅

Date Format Converter

Convert dates between the most common formats: dd/mm/yyyy, yyyy-mm-dd, mm/dd/yyyy, ISO 8601 and Unix timestamp.

🔄

JSON to YAML

Convert JSON data to YAML format.

🖼️

Image Format Converter

Convert images between PNG, JPEG and WebP formats directly in your browser. No server upload — complete privacy.

🔬

RGB to CIELAB Converter

Convert colors between RGB and CIELAB (via XYZ, D65 illuminant). Useful for graphic design, color management and measuring color differences accurately.