HEX to CMYK converter, screen color → print percentages.

Hex colors describe light emitted by a display: red, green and blue beams add up to the color you see, so the more channel value you add, the brighter the result. Printing works the opposite way — cyan, magenta, yellow and black inks subtract light from white paper. CMYK is therefore a subtractive model, and converting a hex code to it is not a translation between equivalent systems but an approximation of a screen color in a medium that cannot reproduce every screen color.

The basic math is direct: invert each RGB channel to get a percentage of ink, then derive the black component, or key, from the darkest channel so that neutral dark colors do not need an impossible stack of three inks. What the arithmetic cannot do is escape the gamut. Saturated electric blues, neon greens and hot magentas sit outside the range a CMYK press can lay down, so the converted percentages describe the nearest printable color rather than the color on your monitor.

This is why the converter is a starting point, not a guarantee. It gives you honest numbers to hand to a printer or to place in a packaging mockup, and the resulting swatch shows you what to expect — a useful reality check before a color that looked perfect on screen is committed to a run of ten thousand labels.

Paste any hex code and the panel returns the four components as percentages in CSS-compatible cmyk() notation, with a live preview beside it. Copy the values into a print specification, a brand guideline or a stylesheet, then compare the preview against the original: a noticeable shift means the color is near or beyond the printable gamut and should be adjusted deliberately rather than discovered later.

For work that must hold across both media, decide which value is canonical. If the brand color is defined in CMYK for print, convert it once to the closest screen equivalent, approve that visually, and store the hex as the approved digital value — then never let the two drift apart by converting ad hoc in different tools.

Ink percentages also respond differently to change than screen channels: a small move in the black percentage changes perceived darkness far more than an equivalent move in yellow. When a converted color looks too heavy or too flat, adjust the key value first, then rebalance the chroma channels, and re-check against the preview.