主頁
CSS
CSS 顏色
HSL
Tryit: 輕量級
執行 ❯
建立您
自己的
網站
×
更改方向
儲存程式碼
更改主題，暗/亮
前往 Spaces
<!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> </body> </html>
