hsla()
描述
hsla() CSS 函数用于设置 CSS 中的颜色值。hsla() 函数有四个值,它们是:色调、饱和度、亮度和 alpha 透明度。
语法
css
hsl() = hsl( <色调>, <饱和度>, <亮度>, <alpha>)值
- 色调 代表色环的角度。您可以将该值指定为以度为单位的角度(例如 180deg)或简单地指定为数字(例如 180)。例如,蓝色为 240 度,因此可以写为 240deg 或 240。根据定义,红色=0°=360°,其他颜色分布在圆圈周围,因此绿色=120°,蓝色=240° , ETC。
- 饱和 饱和度以百分比表示。它表示颜色的饱和度。例如,100% 是完全饱和的(色彩更鲜艳、更强烈),而 0 是完全不饱和的灰色。
- 亮度 亮度也以百分比表示。它代表颜色中的光量。对于亮度,50% 是“正常”设置,100% 是白色,0% 是黑色。
- alpha 决定颜色的透明度。值为 1 时完全不透明,值为 0 时完全透明。值为 0.5 时为半透明。
