Home
CSS
CSS Colors
HSL
Tryit: Saturation
Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <h1>HSL Saturation</h1> <p>The second parameter of hsl() defines the saturation. Less saturation mean less color. 0% is completely gray:</p> <h2 style="background-color:hsl(0, 100%, 50%);">hsl(0, 100%, 50%)</h2> <h2 style="background-color:hsl(0, 80%, 50%);">hsl(0, 80%, 50%)</h2> <h2 style="background-color:hsl(0, 60%, 50%);">hsl(0, 60%, 50%)</h2> <h2 style="background-color:hsl(0, 40%, 50%);">hsl(0, 40%, 50%)</h2> <h2 style="background-color:hsl(0, 20%, 50%);">hsl(0, 20%, 50%)</h2> <h2 style="background-color:hsl(0, 0%, 50%);">hsl(0, 0%, 50%)</h2> </body> <!-- Mirrored from www.w3schools.com/css/tryit.asp?filename=trycss_color_hsl_saturation by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 16:49:43 GMT --> </html>
