IT Market
Tools/Design/Colors/CMYK to HEX Color Converter Online — Free
CMYK → HEX

Конвертер цветов из CMYK в HEX

Tool guide

CMYK to HEX Color Converter Online — Free

You start with four CMYK numbers from a print file and end with the six-digit HEX code a browser understands. The maths is the plain formula with no ICC profile, so the result is visually close rather than a colour-proof match. Use it when a brand colour was signed off for leaflets and the landing page now has to match it. Everything is computed in your browser. See also: convert a HEX code back to CMYK inks, split a HEX code into RGB channels, eyedropper with HSV and CMYK fields.

How to use it

  1. Put the cyan percentage into the «C (0-100%)» field, taking it from the fill settings of your print file.
  2. Fill in «M (0-100%)» for magenta, «Y (0-100%)» for yellow and «K (0-100%)» for the black plate.
  3. Press «Convert» — the HEX code and a colour swatch appear right below the four inputs.
  4. Check the swatch against the artwork; if it looks flat, drop K by a few percent and convert again.
  5. Press «Copy» to put the code on the clipboard for CSS, Figma or any colour picker.

FAQ

Why does the screen colour differ from the printed sheet?

CMYK describes ink on paper, HEX describes light from pixels. A display covers a wider gamut, so saturated colours come out brighter after conversion, and a rich four-plate black collapses into plain #000000. Only a conversion through the ICC profile of a specific press and paper stock will match a proof.

Which formula does this CMYK to HEX converter use?

The standard naive conversion: each RGB channel is 255 × (1 − C) × (1 − K), then the values are written out in hexadecimal. No Coated FOGRA or US Web Coated profile is applied. That is the same simplification the built-in pickers in Figma and most online converters make.

Can I enter fractional percentages such as 12.5?

The fields take any value from 0 to 100 and the browser will accept a decimal, but it barely moves the result: a tenth of a percent falls inside the same 8-bit channel value. Rounding to whole numbers gives you the identical HEX code.

How do I go back from HEX to CMYK?

There is a separate HEX to CMYK page in the same section. Note that a round trip does not always return your original numbers, because the reverse formula always pushes as much as it can into the K channel, so C 15 M 0 Y 90 K 5 can come back as a different set with the same on-screen colour.

Where do the numbers I type go?

Nowhere. The arithmetic runs in the page script and no request carries your values off the page, so an unreleased client brand colour is safe to test here. Close the tab and nothing is left behind in the browser.

Does it work on a phone?

Yes. Four number fields and two buttons fit a small screen, and number inputs bring up the numeric keypad. The copy button writes to the system clipboard on both iOS and Android, so the code can go straight into mobile Figma or a note.

Examples

Red from a leaflet brand block
Before: C = 0, M = 100, Y = 100, K = 0
After: #FF0000 — pure red, noticeably brighter on screen than in print
Olive accent from a packaging file
Before: C = 15, M = 0, Y = 90, K = 5
After: #CEF218