HSL to HSV

Compare HSL to HSV

HSL stands for Hue, Saturation, and Lightness. HSLA color values are an extension of HSL with an alpha channel (opacity). In HTML, color can be specified using hue, saturation, and lightness (HSL) in the form: hsl (hue, saturation, lightness). Hue is the degree on the color wheel from 0 to 360.0 is red, 120 is green, 240 is blue. Saturation is a percentage, 0% is a shade of gray, and 100% is a full color. Lightness is also a percentage, 0% is black and 100% is white. HSL - a model describing the color value in three coordinates: hue, saturation, lightness; the name comes from the abbreviation of English words: hue, saturation, lightness. The main advantage of this color model over others is that it is more intuitive: first, the desired colors are selected, and then adjusted, it is easier to create your own palettes in it, first choosing a tone, lighten / darken it, reduce saturation. Hsl has support for the CSS3 standard, if necessary, it can be easily and losslessly converted to RGB.

HSV (or HSB) stands for Hue, Saturation, Value (it can also be called Brightness), where: Hue - hue, i.e. color shade. Saturation - saturation. The higher this parameter, the clearer the color will be, and the lower, the closer it will be to gray. Value (Brightness) - the value (brightness) of the color. The higher the value, the brighter the color will be (but not whiter). And the lower, the darker (0% - black). This model is most often used in simple (or non-professional) image processing, because it is convenient to use it to adjust the basic parameters of photos without resorting to a bunch of different filters or individual settings. For example, in everyone's favorite (or cursed) Photoshop, both models are present, only one of them is in the color picker editor, and the other is in the Hue / Saturation settings window.