Additional color properties provided by CSS3

CSS3 has the following additional color properties -

• RGBA Color
• HSL Color
• HSLA Color

Let’s see what HSL color is:

HSL stands for Hue, Saturation, Brightness. Here, Huge is the degree of the color wheel, and Saturation and Lightness are percentage values ​​between 0 and 100%.

Sample syntax for HSL is as follows:

#g1 {background-color: hsl(120, 100%, 50%);}
#g2 {background-color: hsl(120, 100%, 75%);}
#g3 {background-color: hsl(120, 100%, 25%);}

The above is the detailed content of Additional color properties provided by CSS3. For more information, please follow other related articles on the PHP Chinese website!