HSL to CMYK Converter

Conversion procedure

1. Parse HSL: accept hsl(h, s%, l%) or three numbers; hue may omit the degree symbol and is wrapped to 0–360°. Saturation and lightness are read as 0–100 (percent signs optional). The parser does not output HSL again here—it only reads your numbers so the tool can move onward to sRGB.
2. Convert HSL → sRGB: saturation and lightness are scaled to 0–1. Chroma C = (1 − |2L − 1|) × S. A temporary RGB triple is built from hue’s 60° segment (the “hex cone” model), then the same offset m = L − C/2 is added to each channel. Finally, each channel is multiplied by 255 and rounded to the nearest integer with clamping to 0–255.
3. Build CMYK: let r,g,b be 0–1. K = 1 − max(r,g,b). If K = 1, the result is (0,0,0,100). Otherwise C, M, Y are computed as (1 − r − K)/(1 − K) etc., multiplied by 100, and rounded to integer percentages for display: cmyk(c%, m%, y%, k%).
4. Finalize: the result string is what you copy from the calculator. The line under the fields summarizes the path in short form (CMYK ← sRGB ← HSL). Rounding is intentional so values read like typical CSS; tiny differences versus other apps can still appear because of integer hue, saturation, lightness/value, or ink percentages.
5. CMYK reminder: this model is a screen-side approximation. For print-critical work, follow your printer or PDF export profile; use HEX/RGB on this site as the authoritative on-screen reference. HSL/HSV reminder: when hue, saturation, and lightness/value are shown as whole numbers, more than one underlying RGB can produce the same text. Typing those integers back into a converter may therefore differ by ±1 from a color you first picked as HEX in the Color Picker—that is expected rounding behavior, not a broken formula.