Converting CMYK to HSL
CMYK is typically used for print design, where artwork needs to be prepared for a printer or press, while HSL is used for design systems and CSS, where lightening or darkening a colour while keeping its hue is common. Enter a CMYK value above and the equivalent HSL value appears instantly, alongside every other supported format.
How do I convert CMYK to HSL?
Type or paste your CMYK value into the field above. The HSL value shows straight away, with no button to press. Copy it, or change the CMYK value to see the result update. The preview swatch shows the colour so you can check it looks right.
Is CMYK to HSL conversion exact?
This tool uses the standard subtractive CMYK formula, which converts exactly for on-screen preview. Real-world print output will vary slightly depending on your printer, ink and paper profile, so always check a proof before sending artwork to press.
Understanding CMYK
CMYK uses cyan, magenta, yellow and black (key) percentages for print media. It represents how colours are created by subtracting light rather than adding it.
Understanding HSL
HSL (hue, saturation, lightness) is similar to HSV but uses lightness instead of value. Lightness represents how much white or black is mixed with the pure colour, making it useful for creating colour variations.
Need a full set of colours to go with this one? The colour palette generator builds a matching palette from any base colour. Once you've settled on your palette, the image converter can help you get your images ready to go alongside it.