HSL 代表色调、饱和度和亮度。
HSLA 颜色值是带有 Alpha 通道(不透明度)的 HSL 的扩展。
在 HTML 中,可以使用色调、饱和度和亮度 (HSL) 来指定颜色,格式如下:
HSL(色调,饱和,亮度)
色调是色轮上从 0 到 360 的一个度数。0 是红色,120 是绿色,240 是蓝色。
饱和度是一个百分比值。 0% 表示灰度,100% 表示全色。
亮度也是一个百分比值。 0% 为黑色,100% 为白色。
通过混合以下 HSL 值进行实验:
色调
饱和
亮度
饱和度可以描述为颜色的强度。
100% 是纯色,没有灰色阴影。
50%是50%灰色,但你仍然可以看到颜色。
0%是完全灰色的;你再也看不到颜色了。
颜色的明度可以描述为您想要赋予该颜色多少光,其中0%表示没有光(黑色),50%表示50%光(既不暗也不亮),100%表示完全亮度(白色) )。
灰色阴影通常通过将色调和饱和度设置为 0 并将亮度从 0% 调整到 100% 以获得更暗/更亮的阴影来定义:
HSLA 颜色值是 HSL 颜色值的扩展,带有 Alpha 通道 - 用于指定颜色的不透明度。
HSLA 颜色值通过以下方式指定:
HSLA(色调,饱和,亮度、阿尔法)
alpha 参数是 0.0(完全透明)和 1.0(完全不透明)之间的数字:
通过混合以下 HSLA 值进行实验:
色调
饱和
亮度
Α
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!