CMYK to HSL converter
Convert CMYK to HSL in one step. Paste a CMYK value and the HSL equivalent updates instantly, with a live preview so you can see exactly what you’re working with.
Try cmyk(0%, 58%, 79%, 0%)
Updates as you type
How to use this tool
- 1Paste or type your CMYK value into the input on the left.
- 2Read the HSL equivalent on the right. It updates as you type.
- 3Click the copy button next to the HSL value to put it on your clipboard.
About this tool
Translates print-spec CMYK into HSL, which is easier to tune in CSS variables or Figma color tokens. The result is mathematically correct but the perceived match depends on your screen calibration.
Related tools
HEX to RGB converter
Convert HEX colors to RGB instantly. Paste a value, copy the result. Works for design, web, and print workflows.
RGB to HEX converter
Convert RGB colors to HEX instantly. Paste a value, copy the result. Works for design, web, and print workflows.
HEX to HSL converter
Convert HEX colors to HSL instantly. Paste a value, copy the result. Works for design, web, and print workflows.
HSL to HEX converter
Convert HSL colors to HEX instantly. Paste a value, copy the result. Works for design, web, and print workflows.
HEX to CMYK converter
Convert HEX colors to CMYK instantly. Paste a value, copy the result. Works for design, web, and print workflows.
CMYK to HEX converter
Convert CMYK colors to HEX instantly. Paste a value, copy the result. Works for design, web, and print workflows.
Frequently asked questions
Short answers to what people ask most.
How do I convert CMYK to HSL?
Is the CMYK to HSL conversion accurate?
Do you store the colors I convert?
Can I use CMYK values with or without a hash / parentheses?
When should I use HSL instead of CMYK?
Reviewing work with your team?
Pin comments directly on a live website or design — no extension, no setup.