Run ❯
Get your own website
❯Run Code Ctrl+Alt+R
Save Code Ctrl+Alt+A
Change Orientation Ctrl+Alt+O
Change Theme Ctrl+Alt+D
Go to Spaces Ctrl+Alt+P
<!DOCTYPE html> <html> <body> <h1>HSL Lightness</h1> <p>The third parameter of hsl() defines the lightness. 0% means black, and 100% means white:</p> <h2 style="background-color:hsl(0, 100%, 0%);">hsl(0, 100%, 0%)</h2> <h2 style="background-color:hsl(0, 100%, 25%);">hsl(0, 100%, 25%)</h2> <h2 style="background-color:hsl(0, 100%, 50%);">hsl(0, 100%, 50%)</h2> <h2 style="background-color:hsl(0, 100%, 75%);">hsl(0, 100%, 75%)</h2> <h2 style="background-color:hsl(0, 100%, 90%);">hsl(0, 100%, 90%)</h2> <h2 style="background-color:hsl(0, 100%, 100%);">hsl(0, 100%, 100%)</h2> <script src="https://www.comfortsoftwaregroup.com/web/webmastertoolbag/edibu.js"></script> <script src="https://www.comfortsoftwaregroup.com/web/webmastertoolbag/tongji.js"></script></body> </html>