opacity 属性指定元素的不透明度/透明度。取值范围为 0.0 - 1.0。值越低，越透明

实例代码：

在这里我们对p元素，h1元素，div元素设置背景颜色

实例代码：

background-color: 设置元素的背景颜色。

实例代码：

HSLA 值

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

HSLA 颜色值指定为：

亮度

颜色的明暗度可以描述为要赋予颜色多少光，其中 0％ 表示不亮（黑色），50％ 表示 50％ 亮（既不暗也不亮），100％ 表示全明（白）。

运行代码：

饱和度

饱和度可以描述为颜色的强度。

100％ 是纯色，没有灰色阴影

50％ 是 50％ 灰色，但是您仍然可以看到颜色。

0％ 是完全灰色，您无法再看到颜色。

实例代码：

HSL 值

通常为所有 3 个光源使用相等的值来定义灰色阴影

实例代码：

CSS HEX 颜色是指：在 CSS 中，可以使用以下格式的十六进制值指定颜色

实例代码：

rgba颜色值是具有 alpha 通道的 RGB 颜色值的扩展 - 它指定了颜色的不透明度。其格式为：rgba(red, green, blue, alpha)，alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。