CMYK to HSL Converter
Type or paste a CMYK color: Percent signs and commas are optional, decimals are fine, or type four bare numbers.
Percentages 0–100, with or without % and cmyk(): 0 60 100 0. Fractions 0–1 with a decimal point, such as 0 0.6 1 0, are read as 0%, 60%, 100%, 0%.
hsl(0, 100%, 50%)Simple formula, no print profile: the same ink values print differently on different paper and presses. If your brand guide gives an RGB or HEX value, use that.
cmyk(0%, 100%, 100%, 0%)hsl(0, 100%, 50%)CSS Usage:
background-color: hsl(0, 100%, 50%);color: hsl(0, 100%, 50%);border: 1px solid hsl(0, 100%, 50%);Popular Examples:
How to Convert CMYK to HSL
CMYK to HSL converts print ink values to HSL format for CSS use. For example, cmyk(0%, 100%, 100%, 0%) becomes hsl(0, 100%, 50%). This is useful when implementing brand colors from a print style guide into a web CSS project. HSL is popular in CSS because it's intuitive — you can easily create lighter or darker variants by adjusting the Lightness value.
Why Use This Converter?
- Instant real-time conversion
- Free online tool - no registration required
- Live color preview
- CSS code examples
- One-click copy to clipboard