CMYK to HSL Color Converter
Instantly convert Cyan, Magenta, Yellow, Key (Black) (CMYK) to Hue, Saturation, Lightness (HSL) color codes. Enter any CMYK value and get the HSL equivalent in real time — no signup required.
Color Preview
#6366F2
All formats
#6366F2
rgb(99, 102, 242)
hsl(239, 85%, 67%)
CMYK vs HSL — What's the Difference?
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)
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%)
How to Convert CMYK to HSL
All conversion math runs in your browser using the sRGB color space. No data is sent to a server.
Common Colors — CMYK to HSL Reference Table
| Color | CMYK | HSL |
|---|---|---|
| Red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| Green | cmyk(100%, 0%, 100%, 50%) | hsl(120, 100%, 25%) |
| Blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| White | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| Black | cmyk(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| Orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| Purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| Yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| Cyan | cmyk(100%, 0%, 0%, 0%) | hsl(180, 100%, 50%) |
| Magenta | cmyk(0%, 100%, 0%, 0%) | hsl(300, 100%, 50%) |
| Gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |
| Pink | cmyk(0%, 25%, 20%, 0%) | hsl(350, 100%, 88%) |
Related Color Converters
Frequently Asked Questions
How do I convert CMYK to HSL?
To convert CMYK to HSL: Step 1: CMYK → RGB. Step 2: RGB → HSL. Use the converter above to do this instantly for any color value.
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.
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.
Is this CMYK to HSL converter free?
Yes. It is completely free, works in your browser with no signup or upload. All color math runs locally.
Can I convert HSL back to CMYK?
Yes — use the swap button in the converter above, or visit the HSL to CMYK converter page directly.