Alpha(Alpha 通道)
alpha 通道 指定了 (<color>) 的不透明度。颜色在数字形式中表示为一组数字,每个数字代表颜色给定组件的强度或亮度级别。每个这样的组件都称为一个 通道。在典型的图像文件中,颜色通道描述了最终颜色需要使用多少红色、绿色和蓝色。为了表示一种背景在一定程度上可见的颜色,颜色会增加一个第四通道:alpha 通道。
例如,颜色 #8921F2 (也描述为 rgb(137 33 242) 或 hsl(270 89% 54)) 是一种漂亮的紫色。下面您可以看到左上角有一个该颜色的方块,以及一个具有 50% (或 0.5) 不透明度的 alpha 通道设置的相同颜色的方块,#8921F280,其中 80 是 50% 的十六进制等效值。这种颜色也描述为 rgb(137 33 242 / 50%) 或 hsl(270 89% 54 / 50%)。这两个方块都绘制在一段文本的上方。

正如您所见,没有 alpha 通道的颜色会完全遮挡背景文本,而带有 alpha 通道的方块则使其在紫色背景色中可见。