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
- Enter a Hue value (0–360), Saturation (0–100%), and Lightness (0–100%) in the input fields.
- The CMYK values and color preview swatch update instantly as you type.
- Use the hue slider for quick visual hue selection.
- Click any Copy button to copy individual channel values or the full cmyk() string.
- 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