Css Hue SaturationDecember 1, 2015January 8, 2016admin

Css Hue Saturation

Css can create colors by following methods, Hexadecimal colors/ RGB colors/ RGBA colors HSL colors HSLA colors

Everyone using This methods and its part of developers life, without this methods you cannot make styles for any application. HSLalso have some introduction itself.

Css Hue Saturation Demo



Example code with HSLA Values


 Hue – is degree of a color wheel. Around 0o and 360o are reds 120o are greens, 240o are blues. Use anything in between 0-360. Values above and below will be modulus 360.

 Saturation – 0% is completely grayscale. 100% is fully saturated with full color.

 Lightness – 0% is completely black. 100% is completely white. 50% is average lightness.

 alpha – Opacity/Transparency value(0 is completely transparent. 1 is completely opaque. 0.5 is 50% transparent).

Example code with HSL Values

Example code with RGB Values

Example code with RGBA Values

Css3-Hue-SaturationAlso read brief about HUE/Saturation-colors (http://www.w3.org/TR/2003/CR-css3-color-20030514/#hsl-color)