hsl() 表示法
HSL 代表色調 （哪種顏色），飽和度 （多少顏色）和亮度 （多少白色）。
色調錶示為 0°至 360°的角度（無單位），而飽和度和亮度表示為百分比。
p {
color: hsl(240, 100%, 50%); /* Blue */
}
https://upload.wikimedia.org/wikipedia/commons/c/cb/HSL_color_solid_cylinder_alpha_lowgamma.png
句法
color: hsl(<hue>, <saturation>%, <lightness>%);
| 值 | 描述 |
|---|---|
<hue> |
在色輪周圍以度數指定（無單位），其中 0°為紅色，60°為黃色，120°為綠色，180°為青色，240°為藍色，300°為品紅色，360°為紅色 |
<saturation> |
以百分比表示，其中 0％是完全去飽和的（灰度），100％是完全飽和的（顏色鮮豔） |
<lightness> |
以百分比表示，其中 0％為全黑，100％為全白 |
筆記
-
飽和度為 0％時，總會產生灰度色; 改變色調沒有效果。
-
亮度為 0％時總是產生黑色，100％總是產生白色; 改變色調或飽和度無效。