CSS3 : Color Property

1. RGBA

2. HSL

3. HSLA

4. Opacity

HTML CODE

CSS CODE

Output

2. HSL : Hue, Saturation and Lightness. Hue is a degree on the color wheel (from 0 to 360) .
Saturation is a percentage value: 100% is the full color.
Lightness is also a percentage; 0% is dark (black) and 100% is white.

3. HSLA : HSL color values with an alpha value.

4. Opacity : Its value must be a between 0.0 (fully transparent) and 1.0 (fully opaque).