hsl() 表示法

Created: November-22, 2018

HSL 代表色调（哪种颜色），饱和度 （多少颜色）和亮度（多少白色）。

色调表示为 0°至 360°的角度（无单位），而饱和度和亮度表示为百分比。

p {
    color: hsl(240, 100%, 50%); /* Blue */
}

句法

color: hsl(<hue>, <saturation>%, <lightness>%);

值	描述
`<hue>`	在色轮周围以度数指定（无单位），其中 0°为红色，60°为黄色，120°为绿色，180°为青色，240°为蓝色，300°为品红色，360°为红色
`<saturation>`	以百分比表示，其中 0％是完全去饱和的（灰度），100％是完全饱和的（颜色鲜艳）
`<lightness>`	以百分比表示，其中 0％为全黑，100％为全白