主頁
CSS
CSS 顏色
HSL
Tryit: 飽和度
執行 ❯
建立您
自己的
網站
×
更改方向
儲存程式碼
更改主題，深色/淺色
轉到 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> </html>
