Index: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Home > HLS color space
The HLS color space, also called HSL, stands for " Hue, Saturation, Lightness". While HSV (Hue, Saturation, Value) can be viewed graphically as a color cone or hexcone, HSL is drawn as a double cone or double hexcone. Both systems are non-linear deformations of the RGB colour cube. The two apexes of the HLS double hexcone correspond to black and white. The angular parameter corresponds to hue, distance from the axis corresponds to saturation, and distance along the black-white axis corresponds to lightness.1 Difference between HSL and HSV
Both the HSL color space and the HSV color space have a common definition of hue, but not saturation and lightness/value.
HSL:
saturation = max(R,G,B) - min(R,G,B)
lightness = (max(R,G,B) + min(R,G,B)) / 2
HSV:
saturation = (max(R,G,B) - min(R,G,B)) / max(R,G,B)
value = max(R,G,B)
2 Examples
| RGB
| HSL
| HSV
|
| (1, 0, 0)
| (0°, 1, 0.5)
| (0°, 1, 1)
|
| (0.5, 1, 0.5)
| (120°, 0.5, 0.75)
| (120°, 1, 1)
|
| (0, 0.5, 0)
| (240°, 0.5, 0.5)
| (240°, 1, 0.5)
|
3 See also
- Color space, RGB color space, HSV color space, CMYK
4 External link
Color space
Read more »