举例:
background-color: hsla(240,50%,50%,0.4);
解释:
-
H
色调,取值范围 0~360。0或360表示红色、120表示绿色、240表示蓝色。 -
S
饱和度,取值范围 0%~100%。值越大,越鲜艳。 -
L
亮度,取值范围 0%~100%。亮度最大时为白色,最小时为黑色。 -
A
透明度,取值范围 0~1。
如果不知道 H 的值该设置多少,我们不妨来看一下色盘:
推荐链接:配色宝典
举例:
background-color: hsla(240,50%,50%,0.4);
解释:
H
色调,取值范围 0~360。0或360表示红色、120表示绿色、240表示蓝色。
S
饱和度,取值范围 0%~100%。值越大,越鲜艳。
L
亮度,取值范围 0%~100%。亮度最大时为白色,最小时为黑色。
A
透明度,取值范围 0~1。
如果不知道 H 的值该设置多少,我们不妨来看一下色盘:
推荐链接:配色宝典