Work out hsl conversion instantly with clear inputs, formula shown and shareable results.
Lightness is the midpoint of the largest and smallest channels, saturation is their spread divided by one minus the absolute value of twice lightness minus one, and hue comes from which channel is largest. HSL separates colour identity from brightness, which is why generating a tint or shade of a brand colour is a one-number change in HSL but a three-number puzzle in RGB.
Lightness
L = (max channel + min channel) / 2
Saturation
S = (max - min) / (1 - |2L - 1|)
L = (max channel + min channel) / 2. Lightness is the midpoint of the largest and smallest channels, saturation is their spread divided by one minus the absolute value of twice lightness minus one, and hue comes from which channel is largest.
HSL separates colour identity from brightness, which is why generating a tint or shade of a brand colour is a one-number change in HSL but a three-number puzzle in RGB.
Enter red, green, blue. The defaults shown are a realistic worked example — swap in your own figures to get a result you can use.