CSS——color(颜色)
1. 设置字体的颜色:
.head{
color: #333;
}
2. 属性后可跟的值:
-
RGB
每个参数 (red、green 以及 blue) 定义了 0 到 255 之间的颜色强度。调节三个值得出不同的颜色。
.head a:hover{
color:rgb(0, 0, 0)
}
-
RGBA
rgba(red, green, blue, alpha)
RGBA 颜色值是具有 alpha 通道的 RGB 颜色值的扩展 - 它指定了颜色的不透明度。取值范围为0-1.
-
HEX(常用)
在 CSS 中,可以使用以下格式的十六进制值指定颜色:#rrggbb
其中 rr(红色)、gg(绿色)和 bb(蓝色)是介于 00 和 ff 之间的十六进制值(与十进制 0-255 相同)。
例如,#ff0000 显示为红色,因为红色设置为最大值(ff),其他设置为最小值(00)。
-
HSL
可以使用色相、饱和度和亮度(HSL)来指定颜色,格式如下:
hsla(hue, saturation, lightness)
色相(hue)是色轮上从 0 到 360 的度数。0 是红色,120 是绿色,240 是蓝色。
饱和度(saturation)是一个百分比值,0% 表示灰色阴影,而 100% 是全色。
亮度(lightness)也是百分比,0% 是黑色,50% 是既不明也不暗,100%是白色。
-
HSLA
HSLA 颜色值是带有 Alpha 通道的 HSL 颜色值的扩展 - 它指定了颜色的不透明度。
HSLA 颜色值指定为:
hsla(hue, saturation, lightness, alpha)
alpha 参数是介于 0.0(完全透明)和 1.0(完全不透明)之间的数字:
请通过混合以下 HSLA 值进行实验: