HSL to CMYK Color Converter
Instantly convert Hue, Saturation, Lightness (HSL) to Cyan, Magenta, Yellow, Key (Black) (CMYK) color codes. Enter any HSL value and get the CMYK equivalent in real time — no signup required.
Color Preview
#6467F2
All formats
#6467F2
rgb(100, 103, 242)
cmyk(59%, 57%, 0%, 5%)
HSL vs CMYK — What's the Difference?
HSL
Hue, Saturation, Lightness
Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). Designed to be intuitive for humans — great for adjusting color tones in CSS.
Example: color: hsl(239, 84%, 67%)
CMYK
Cyan, Magenta, Yellow, Key (Black)
Four percentages for Cyan, Magenta, Yellow, and Black ink. The standard color model for print design and professional publishing.
Example: Not natively supported in CSS (convert to HEX first)
How to Convert HSL to CMYK
All conversion math runs in your browser using the sRGB color space. No data is sent to a server.
Common Colors — HSL to CMYK Reference Table
| Color | HSL | CMYK |
|---|---|---|
| Red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| Green | hsl(120, 100%, 25%) | cmyk(100%, 0%, 100%, 50%) |
| Blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| White | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| Black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| Orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| Purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 0%, 50%) |
| Yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| Cyan | hsl(180, 100%, 50%) | cmyk(100%, 0%, 0%, 0%) |
| Magenta | hsl(300, 100%, 50%) | cmyk(0%, 100%, 0%, 0%) |
| Gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| Pink | hsl(350, 100%, 88%) | cmyk(0%, 25%, 20%, 0%) |
Related Color Converters
Frequently Asked Questions
How do I convert HSL to CMYK?
To convert HSL to CMYK: Step 1: HSL → RGB. Step 2: RGB → CMYK. Use the converter above to do this instantly for any color value.
What is the HSL color format?
Hue, Saturation, Lightness (HSL) — Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). Designed to be intuitive for humans — great for adjusting color tones in CSS.
What is the CMYK color format?
Cyan, Magenta, Yellow, Key (Black) (CMYK) — Four percentages for Cyan, Magenta, Yellow, and Black ink. The standard color model for print design and professional publishing.
Is this HSL to CMYK converter free?
Yes. It is completely free, works in your browser with no signup or upload. All color math runs locally.
Can I convert CMYK back to HSL?
Yes — use the swap button in the converter above, or visit the CMYK to HSL converter page directly.