Skip to content
Convertto
hslcmyk

HSL to CMYK Converter

Convert a HSL colour to CMYK, with a live swatch and every other notation alongside.

To convert HSL to CMYK, paste your colour above — any recognisable notation is accepted, including named CSS colours — and every format is shown at once with a live swatch. CMYK is a print colour space, and the conversion is an approximation: screens emit light, ink absorbs it, and vivid RGB colours have no CMYK equivalent at all.

Runs in your browser

About converting HSL to CMYK

HSL separates hue from saturation and lightness, which is why it is the notation to reach for when generating a tint or shade: change one number, keep the hue. CMYK is a print colour space, and the conversion is an approximation: screens emit light, ink absorbs it, and vivid RGB colours have no CMYK equivalent at all. Because CMYK depends on the ink, paper and press, a conversion without a colour profile is an estimate — send artwork to a printer in their profile rather than relying on a generic number.

Convert CMYK to HSL insteadOpen the full Colour Converter

Share this converter

Related tools

Tailwind Colour Shade GeneratorGenerate a full 50–950 Tailwind colour scale from a single brand colour.CSS Named Colours ReferenceEvery CSS colour name with its HEX, RGB, HSL and OKLCH value, sortable by hue and contrast.CSS Box Shadow GeneratorDesign a CSS box-shadow with live values for offset, blur, spread and colour.Glassmorphism CSS GeneratorCreate frosted-glass CSS with backdrop blur, transparency and a subtle border.CSS Gradient GeneratorBuild linear, radial and conic CSS gradients and copy the code.PX to REM ConverterConvert between pixels, rem and em using your project root font size.