CSS——color(颜色)

1. 设置字体的颜色:

.head{
		color: #333;
}

 2. 属性后可跟的值:

  • RGB

每个参数 (redgreen 以及 blue) 定义了 0 到 255 之间的颜色强度。调节三个值得出不同的颜色。

.head a:hover{
				color:rgb(0, 0, 0)
			}

  • RGBA

rgba(redgreenbluealpha)

RGBA 颜色值是具有 alpha 通道的 RGB 颜色值的扩展 - 它指定了颜色的不透明度。取值范围为0-1.

  • HEX(常用)

在 CSS 中,可以使用以下格式的十六进制值指定颜色:#rrggbb 

其中 rr(红色)、gg(绿色)和 bb(蓝色)是介于 00 和 ff 之间的十六进制值(与十进制 0-255 相同)。

例如,#ff0000 显示为红色,因为红色设置为最大值(ff),其他设置为最小值(00)。

  • HSL

可以使用色相、饱和度和亮度(HSL)来指定颜色,格式如下:

hsla(huesaturationlightness)

色相(hue)是色轮上从 0 到 360 的度数。0 是红色,120 是绿色,240 是蓝色。

饱和度(saturation)是一个百分比值,0% 表示灰色阴影,而 100% 是全色。

亮度(lightness)也是百分比,0% 是黑色,50% 是既不明也不暗,100%是白色。

  • HSLA

HSLA 颜色值是带有 Alpha 通道的 HSL 颜色值的扩展 - 它指定了颜色的不透明度。

HSLA 颜色值指定为:

hsla(huesaturationlightnessalpha)

alpha 参数是介于 0.0(完全透明)和 1.0(完全不透明)之间的数字:

请通过混合以下 HSLA 值进行实验:

posted @ 2022-10-10 10:06  新兵蛋Z  阅读(1477)  评论(0编辑  收藏  举报