HSL to CMYK Converter

Convert HSL color values to CMYK for print with live sliders.

Enter a color

°
%
%
#3B82F6
 
  • HEX
  • RGB
  • HSL
  • HSB
  • HSV
  • CMYK
Copy CMYK Copy Link

Contrast & Accessibility WCAG ratio of this color used as text

Aa ——on white
Aa ——on black

Shades & Tints click any swatch to load it

Shades (toward black)
Tints (toward white)

Color Harmonies based on the current Hue

Complementary
 
Analogous
  
Triadic
  
Split Complementary
  
Tetradic
   

About the HSL to CMYK Converter

What is HSL to CMYK conversion?

HSL describes a color by Hue, Saturation, and Lightness — the screen-friendly form often used in CSS. CMYK is the four-ink print model: Cyan, Magenta, Yellow, and Key (black). This converter takes your HSL value and returns the matching CMYK percentages, along with HEX, RGB, and HSB and a live preview.

It's the step you need when a color lives in HSL but the artwork is going to print. Drag the Hue, Saturation, and Lightness sliders and the CMYK ink mix updates instantly. One caveat worth remembering: screens can show colors that no ink set can reproduce, so use this as a faithful starting point and confirm with your print shop's profile for an exact match.

How to Use This Tool

  1. Set your HSL color. Drag the Hue, Saturation, and Lightness sliders, or type exact values.
  2. Read the CMYK value. The four ink percentages appear at the top and update live.
  3. Or start from HEX. Paste a HEX code and the HSL sliders snap to match.
  4. Take what you need. Copy CMYK, HEX, RGB, or HSB, and explore the shades and harmonies.

Common Use Cases

  • Print prep: Convert an HSL web color to CMYK before sending files to a printer.
  • Brand consistency: Document a color in HSL for the web and CMYK for print.
  • Quick ink estimate: The percentages hint at how heavy the print coverage will be.
  • Learning color models: See how a hue-based screen color maps to print inks.

Need the reverse or another model? Use our CMYK to HSL converter, the RGB to CMYK converter, or browse all our free color tools.

Frequently Asked Questions

How do I convert HSL to CMYK?

Enter your Hue, Saturation, and Lightness and the CMYK percentages appear instantly. Internally the tool converts HSL to RGB, then derives the four ink values from there.

Will the printed color match my screen exactly?

Not always. Some HSL colors fall outside the CMYK range a printer can reproduce, so bright colors look more muted in print. This is a standard, profile-free conversion; for a precise match use your printer's ICC profile or ask for a proof.

What does the K in CMYK mean?

K is the Key, or black, plate, used alongside cyan, magenta, and yellow for sharp text and deep darks.

Is this tool free and private?

Completely. The conversion runs entirely in your browser with JavaScript, so your colors are never uploaded or logged, and it works offline once loaded.