What is hsl in ps

HSL in PS is a very intuitive color representation method. The editor of this article will give you a brief introduction to the HSL panel.

What is HSL?

Many friends have heard of the RGB color model, that is, any color is produced by adding the three primary colors of red, green, and blue in different proportions. It's done.

But the RGB model is not intuitive to humans. For example, if I say a color is composed of 60% red, 30% green and 90% blue, it should be difficult for you to imagine what it is. A color?

So people designed the HSL color space to express colors more intuitively.

HSL is the abbreviation for the three color attributes of Hue, Saturation and Lightness.

Hue (Hue) is the basic attribute of color, which is what people usually call color names, such as purple, cyan, magenta, etc. We can represent all the hues on a circle.

The 0 degree, 120 degree, and 240 degree positions on the color wheel correspond to the three primary colors of red, green, and blue of the RGB model respectively. Primary colors are mixed in pairs to form secondary colors. For example, yellow (60 degrees) is composed of red and green; blue and green are added to form cyan (180 degrees); magenta (300 degrees) is composed of red and blue.

There are various rich hue transitions between primary colors and secondary colors, such as 270-degree purple between magenta and blue. Orange at 30 degrees is a mixture of red and yellow.

Saturation (Saturation) refers to the purity of color. The higher the saturation, the purer and thicker the color. The lower the saturation, the color will become grayer and lighter.

Brightness (Lightness) refers to the degree of lightness and darkness of a color. The higher the brightness value, the whiter the color. The lower the brightness, the darker the color.

We integrate the three attributes of Hue, Saturation and Lightness into a cylinder to form the HSL color space model.

Any point in the HSL cylinder corresponds to a color. The degree on the ring represents the hue of the color, the distance from the central axis represents the saturation of the color, and the height of the point corresponds to the brightness of the color.

The above is the detailed content of What is hsl in ps. For more information, please follow other related articles on the PHP Chinese website!