Don's Tools · Developers · Colour Converter

Colour converter

Convert any colour between HEX, RGB, HSL and CMYK. Pick a shade by eye or type a value, and every format updates instantly, all in your browser.

HEX

RGB

HSL

CMYK

Colour Converter turns any colour between the HEX, RGB, HSL and CMYK formats instantly in your browser. Pick a shade with the colour picker or type a value into any field, and the others update live, with a large preview swatch and a copy button for each format. It is handy for design and development work, and everything is calculated on your device with nothing uploaded.

Files are processed in your browser and never uploaded.

How to use Colour converter

  1. Enter your figures

    Fill in Colour, Hex code, Number (g) and Number (b). Values you change are used straight away, with no submit button.

  2. Adjust the assumptions

    Fine-tune Number (h), S %, L % and C % to match your own situation.

  3. Read the results

    The HEX, RGB and HSL update as soon as a value changes.

What this tool does

Convert between HEX, RGB, HSL and CMYK

HEX, RGB, HSL and CMYK are all on screen together, so a brand colour given in one format is immediately available in the others.

Pick a colour visually or type any value

Use the colour picker to choose by eye, or type a value into any field when you already know the code.

Every format updates live as you change one

Change one field and the rest update as you type, so you can nudge a hue in HSL and read the HEX off straight away.

Copy any format with one tap

Each format has its own copy button, so you get exactly the string you need with no reformatting.

Runs in your browser, nothing uploaded

The conversion is arithmetic done in your browser. Nothing is uploaded and the page works with no connection.

Frequently asked questions

Is anything uploaded or saved?

No. Every conversion happens instantly in your browser with simple maths. Nothing is sent anywhere and there is no account.

Which colour formats does it convert between?

HEX, RGB, HSL and CMYK, all linked together. Change any one and the others update straight away, and each has a copy button.

Why does a CMYK value look slightly different on screen?

CMYK is built for printing with inks, while screens use RGB light. The tool gives a standard mathematical conversion, but exact printed colour also depends on the printer, paper and profile.

Can I pick a colour visually?

Yes. Use the colour picker on the left to choose a shade by eye, and all four formats fill in automatically. You can also type a value into any field.

Do short hex codes work?

Yes. A three-character hex such as #0AF is expanded automatically, and you can type the hex with or without the leading hash.

Last updated: