CMYK to HSL
Convert CMYK print values into HSL color notation.
From CMYK to HSL
CMYK is a subtractive model built for print, expressing color as ink percentages of Cyan, Magenta, Yellow, and Key (black). HSL is an additive, screen-friendly model built around Hue, Saturation, and Lightness that maps more naturally to how people describe color. To convert between them, the CMYK values are first resolved into RGB by scaling each channel by its complementary ink and the black component, then that RGB result is converted into HSL using the standard max/min chroma formula. Because CMYK is device-dependent and HSL is not color-managed, the result is a close on-screen approximation rather than a calibrated print match. Everything runs locally in your browser — no values are uploaded anywhere.
Built and maintained by Meet Shah · Last updated
What this tool is used for
- Translating a print colour specification into something usable on the web.
- Understanding roughly how a CMYK brand colour will appear on screen.
- Producing an HSL starting point from a printer's ink percentages.
- Comparing a print and a screen colour in one model.
- Converting a legacy print palette for a digital redesign.
Frequently Asked Questions
- Why does this conversion go through RGB?
- Because there is no direct formula. CMYK resolves to RGB by scaling each channel by its complementary ink and dimming by the black, then RGB converts to HSL with the max/min chroma formula. Two well-defined steps beat one bespoke one, and each is independently checkable.
- What is HSL better at than CMYK?
- Being adjusted by a human. Making a colour lighter in HSL is one number; in CMYK it means changing up to four ink percentages while trying to hold the hue steady. HSL maps onto how people describe colour — which shade, how vivid, how light — which is why it is the model to design in.
- Is the result colour-managed?
- No, and neither end of the conversion is. CMYK numbers only mean something against a specific press profile, and HSL has no profile at all. The output is a faithful on-screen rendering of the arithmetic, not a prediction of what ink will look like on paper.
- Why is the hue 0 for greys?
- Because a grey has no chroma — max and min channels are equal, the difference is zero and hue is mathematically undefined. Reporting 0 is a convention rather than a measurement, so a hue of 0 on a grey should not be read as meaning red.
- Can I round-trip HSL back to the same CMYK?
- Usually, when the colour sits inside both gamuts, because both directions use the same algebra. It fails for any CMYK mix landing outside sRGB — the RGB step clips it, and the clipped value converts back to different ink percentages than you started with.
Common errors and gotchas
- Expecting an exact match. CMYK is subtractive and device-dependent, so any screen conversion is an approximation.
- Ignoring the colour profile, which is what actually determines how ink percentages appear.
- Assuming a CMYK colour is reproducible on screen, when some inks fall outside the display's gamut and vice versa.
- Converting rich black as if it were pure black, which they are not.
- Treating the conversion as reversible, since round-tripping through CMYK loses information.