Color utility

Online CMYK to HSL Color Converter

Map CMYK print values to HSL for web and UI work. Useful when you need a perceptual color model from a press-ready ink mix.

Preview

Pick a color

Choose formats · edit either side

From

Input (CMYK)

Output (HSL)

Same color in formats other than your selected input and output.

LAB neighbors · endpoints omitted

Name	Hex	RGB	RGBA	HSV	HSL	CMYK
—	#1c1c1c	28,28,28	28,28,28,1	0,0,11	0,0,11	0,0,0,89
—	#393939	57,57,57	57,57,57,1	0,0,22	0,0,22	0,0,0,78
—	#555555	85,85,85	85,85,85,1	0,0,33	0,0,33	0,0,0,67
—	#717171	113,113,113	113,113,113,1	0,0,44	0,0,44	0,0,0,56
—	#8e8e8e	142,142,142	142,142,142,1	0,0,56	0,0,56	0,0,0,44
—	#aaaaaa	170,170,170	170,170,170,1	0,0,67	0,0,67	0,0,0,33
—	#c6c6c6	198,198,198	198,198,198,1	0,0,78	0,0,78	0,0,0,22
—	#e3e3e3	227,227,227	227,227,227,1	0,0,89	0,0,89	0,0,0,11

Converts between CMYK and HSL using the same math browsers apply—handy for brand palettes.

See the swatch update as values change so you catch typos before they ship in CSS.

Grab the format your stack expects—hex for quick tweaks, RGB/HSL for preprocessors, etc.

Pure text conversion: safe for internal brand colors and unreleased campaign codes.

The URL encodes the direction so teammates open the right converter from docs.

Use alongside image converters when you need both pixel exports and exact color literals.