RGB to HSL & HSV Color Space Converter

The conversion from RGB coordinates to HSL involves finding the chromatic range of the red, green, and blue channels normalized between 0 and 1. First, the engine determines the maximum channel value ($C_{max}$) and minimum channel value ($C_{min}$), then calculates the difference (chroma $\Delta = C_{max} - C_{min}$).

• Lightness ($L$): Computed as the average of the maximum and minimum channel values: $L = (C_{max} + C_{min}) / 2$.
• Saturation ($S$): If chroma is zero, the color is a neutral gray ($S = 0$). Otherwise, saturation represents the ratio of chroma relative to maximum possible lightness: $S = \Delta / (1 - |2L - 1|)$.
• Hue ($H$): Calculated based on which primary channel dominates $C_{max}$, then scaled across a 360-degree circle (0° for pure red, 120° for green, and 240° for blue).

Although both formats share identical 360-degree hue wheels, they treat brightness differently. In HSL, 100% lightness always yields pure white regardless of saturation, while 50% lightness represents pure, vibrant color. In HSV (Hue, Saturation, Value), 100% value represents maximum pigment brightness, and pure white is achieved by reducing saturation to 0%. HSL is generally preferred for web theming and CSS design tokens, while HSV is standard in digital painting and graphic software.