主頁
CSS
CSS 顏色
HSL
試一試：灰色調
執行 ❯
建立您
自己的
網站
×
更改方向
儲存程式碼
更改主題，深色/淺色
前往 Spaces
<!DOCTYPE html> <html> <body> <h1>Shades of gray</h1> <p>With HSL, shades of gray are made by setting the saturation to 0%, and adjusting the lightness from 0% to 100%:</p> <h2 style="background-color:hsl(0, 0%, 0%);">hsl(0, 0%, 0%)</h2> <h2 style="background-color:hsl(0, 0%, 24%);">hsl(0, 0%, 24%)</h2> <h2 style="background-color:hsl(0, 0%, 47%);">hsl(0, 0%, 47%)</h2> <h2 style="background-color:hsl(0, 0%, 71%);">hsl(0, 0%, 71%)</h2> <h2 style="background-color:hsl(0, 0%, 94%);">hsl(0, 0%, 94%)</h2> <h2 style="background-color:hsl(0, 0%, 100%);">hsl(0, 0%, 100%)</h2> </body> </html>
