Paste a CMYK color and get its HSL form. cmyk(0%, 66%, 80%, 0%) becomes hsl(11, 100%, 60%). The output updates live and copies in one click.
CMYK describes ink; HSL restates a screen color as hue, saturation, and lightness. Converting print specs to HSL is useful when you want to build a web theme around the brand hue and step its lightness for UI states.
Supported input
Use cmyk(c%, m%, y%, k%) with each component from 0% to 100%, including the % signs. Toggle batch mode to convert multiple colors at once by pasting one color per line.
cmyk(0%, 66%, 80%, 0%) → hsl(11, 100%, 60%)
cmyk(86%, 11%, 0%, 7%) → hsl(188, 86%, 53%)
cmyk(56%, 38%, 0%, 85%) → hsl(221, 39%, 11%)HSL output format
Output is hsl(h, s%, l%). Hue is represented in degrees, while saturation and lightness are output as percentages. Keep the hue and step the lightness to build a consistent scale from one base color. You can export the results as raw text, JSON arrays, CSS variables, or JavaScript arrays.
Profile-free approximation
The math does not use an ICC profile. The HSL you get is a generic screen representation of the ink mix, not a calibrated match to a specific press. Validate against the official sRGB or hex value for brand-critical work.