Additional color properties provided by CSS3

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%);}