HSL to CMYK
Every color format describes the same thing in a different language: HEX for stylesheets, RGB for screens and code, HSL for building palettes, CMYK for print. Pick the conversion you need and get the exact value, a live preview and the formula behind it.
This color in every format
The same color written as HEX, RGB, HSL and CMYK. Copy any value.
HSL to CMYK conversion
Every conversion first normalises HSL into an sRGB triplet — red, green and blue on a 0–255 scale — and then encodes that triplet as CMYK. Both notations describe the same pixel, so the visible color does not change.
Read the input
Split the HSL value into its channels (hex digit pairs, numbers or percentages).
Normalise to sRGB
Scale each channel onto 0–255 so rounding differences do not accumulate.
Encode CMYK
Write the result in CMYK notation and copy it into your stylesheet or design tool.
Formula
hsl(9, 100%, 60%) → sRGB rgb(255,87,51) → CMYK cmyk(0%, 66%, 80%, 0%)
Worked example
hsl(9, 100%, 60%) = #FF5733 = cmyk(0%, 66%, 80%, 0%)
Values are rounded to whole channels; convert back with the same tool to avoid drift.
HSL to CMYK reference table
Common values converted with the same formula.
| Input (HSL) | Result (CMYK) | |
|---|---|---|
hsl(11, 100%, 60%) | cmyk(0%, 66%, 80%, 0%) | |
hsl(243, 75%, 59%) | cmyk(66%, 69%, 0%, 10%) | |
hsl(145, 63%, 49%) | cmyk(77%, 0%, 45%, 20%) | |
hsl(204, 70%, 53%) | cmyk(76%, 31%, 0%, 14%) | |
hsl(6, 78%, 57%) | cmyk(0%, 67%, 74%, 9%) | |
hsl(172, 75%, 39%) | cmyk(86%, 0%, 12%, 32%) | |
hsl(283, 39%, 53%) | cmyk(15%, 51%, 0%, 29%) | |
hsl(37, 90%, 51%) | cmyk(0%, 36%, 93%, 5%) | |
hsl(210, 29%, 29%) | cmyk(45%, 22%, 0%, 63%) | |
hsl(340, 82%, 52%) | cmyk(0%, 87%, 58%, 9%) | |
hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) | |
hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |