CSS3 has additional color properties as follows −
- RGBA colors
- HSL colors
- HSLA colors
Let us see what are HSL colors:
HSL stands for hue, saturation, lightness. Here, Huge is a degree of the color wheel, saturation and lightness are percentage values between 0 to 100%.
A sample syntax of HSL as shown below:
#g1 {background-color: hsl(120, 100%, 50%);}
#g2 {background-color: hsl(120, 100%, 75%);}
#g3 {background-color: hsl(120, 100%, 25%);}