hsl()
hsl() 函数用于定义 HSL 颜色值(色相、饱和度、亮度)。
语法
css
hsl(<hue>, <saturation>, <lightness>)
hsl(<hue>, <saturation>, <lightness> / <alpha>)示例
css
/* 基本 HSL 颜色 */
.color {
color: hsl(0, 100%, 50%);
}
/* 红色 */
.color {
color: hsl(0, 100%, 50%);
}
/* 绿色 */
.color {
color: hsl(120, 100%, 50%);
}
/* 蓝色 */
.color {
color: hsl(240, 100%, 50%);
}
/* 带透明度 */
.color {
color: hsl(0, 100%, 50%, 0.5);
}