HSL to CMYK Converter

Enter HSL values and instantly get the equivalent CMYK percentages with a live color preview swatch.

HSL Input

0 – 360
0 – 100
0 – 100

CMYK Output

hsl(200, 80%, 50%)
Ink Coverage 0%

Sum of all four ink channels (C+M+Y+K)

Copied!

Summary

Enter HSL values and instantly get the equivalent CMYK percentages with a live color preview swatch.

How it works

  1. Enter a Hue value (0–360), Saturation (0–100%), and Lightness (0–100%) in the input fields.
  2. The CMYK values and color preview swatch update instantly as you type.
  3. Use the hue slider for quick visual hue selection.
  4. Click any Copy button to copy individual channel values or the full cmyk() string.
  5. The color swatch gives you an instant visual reference of the selected color.

Use cases

  • Prepare screen-designed colors for print production.
  • Cross-reference design tool color values with print specifications.
  • Convert HSL values from CSS into CMYK for offset or digital printing.
  • Validate brand color consistency between digital and print media.
  • Convert color scheme palettes from HSL to CMYK for print-ready assets.
  • Quickly estimate ink coverage for a given hue and lightness combination.

Frequently Asked Questions

Last updated: 2026-07-01 · Reviewed by Nham Vu