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

Updated on: 20-Jun-2020

52 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements