HSL to CMYK Converter
Type or paste a HSL color: With commas or spaces, hsla(); the hue may end in deg. Saturation and lightness need the % sign.
cmyk(0%, 100%, 100%, 0%)HSL:
hsl(0, 100%, 50%)CMYK:
cmyk(0%, 100%, 100%, 0%)CSS Usage:
CMYK is not a CSS color format, so the CSS below uses the HEX equivalent.
background-color: #FF0000;color: #FF0000;border: 1px solid #FF0000;Popular Examples:
How to Convert HSL to CMYK
HSL to CMYK converts HSL color values to CMYK format for print production. For example, hsl(0, 100%, 50%) becomes cmyk(0%, 100%, 100%, 0%). This is useful when designing in CSS (where HSL is common) and need starting ink values for a printer. Conversion goes through RGB as an intermediate step, so extremely bright HSL colors may not reproduce exactly in print. These values come from the simple formula without a print profile, so for a print job use the CMYK values from your printer's profile.
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