HSL to CMYK Converter

Convert HSL (Hue, Saturation, Lightness) color values to CMYK (Cyan, Magenta, Yellow, Key/Black) format for professional printing. Adjust the HSL sliders below to create your color.

HSL Input

210°
0°180°360°
80%
0%50%100%
50%
0%50%100%

HSL Values

210°
Hue
80%
Saturation
50%
Lightness
HSL CSS Code
hsl(210, 80%, 50%)

Color Preview

Current HSL Color
hsl(210, 80%, 50%)
CSS Background
background-color: hsl(210, 80%, 50%);
CSS Text Color
color: hsl(210, 80%, 50%);

CMYK Output

Cyan
0%
Magenta
0%
Yellow
0%
Key (Black)
0%

CMYK Values

0%
C
0%
M
0%
Y
0%
K
CMYK Code
cmyk(0%, 0%, 0%, 0%)

About HSL to CMYK Conversion

HSL (Hue, Saturation, Lightness) provides an intuitive way to select colors, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for professional printing.

Printing Tip: This conversion goes through RGB color space. For the most accurate print colors, always test with your specific printer and paper combination.

Conversion Process: HSL → RGB → CMYK

Since HSL and CMYK are different color models, the conversion process involves an intermediate step through RGB:

  1. HSL to RGB: Convert the HSL values to RGB color space using color theory formulas.
  2. RGB to CMYK: Transform the RGB values to CMYK using subtractive color model calculations.

When to Use HSL vs CMYK

Use HSL for:

  • Intuitive color selection
  • Creating color harmonies
  • Web design and digital art
  • Color theme development

Use CMYK for:

  • Professional printing
  • Print design projects
  • Color separation processes
  • Commercial print production