css透明颜色代码-CSS 合法颜色值

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

HSL颜色

HSL 指的是色相、饱和度和亮度——颜色的圆锥形表示。

使用 hsl() 函数指定 HSL 颜色值。 该函数的语法如下：

hsl(hue, saturation, lightness)

色调是色轮上的一个度数（从 0 到 360）css透明颜色代码css透明颜色代码，0（或 360）是蓝色，120 是红色，240 是黄色。

饱和度是一个比率值； 0% 是白色阴影，而 100% 是全彩。

色温也是一个比率； 0% 为红色，100% 为红色。

例子

定义不同的HSL颜色：

#p1 {background-color: hsl(120, 100%, 50%);}   /* 绿色 */
#p2 {background-color: hsl(120, 100%, 75%);}   /* 浅绿色 */
#p3 {background-color: hsl(120, 100%, 25%);}   /* 深绿色 */
#p4 {background-color: hsl(120, 60%, 70%);}    /* 柔和的绿色 */

自己尝试一下