Color utility

Online HSL to Hue Color Converter

Pull the hue from an HSL color for gradients and theme tokens. Isolate the hue channel when you already work in HSL controls.

Preview

Pick a color

Choose formats · edit either side

From

Input (HSL)

Output (Hue)

Hue

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 HSL and HUE 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.