RGBA
表示“Red Green Blue Alpha”。
RGBA 是一种基于 RGB 颜色模型的颜色模型。它混合红、绿、蓝光来创建光谱中的任何颜色,然后添加第四个值 alpha,用于表示透明度。RGBA 是一种标准颜色模型,常用于图像编辑和需要逐级透明效果的网页图形。
RGBA 颜色模型和 RGB 一样,是一种加色模型。当三个颜色通道都达到最大值时,会产生白光;当它们都达到最小值时,会产生黑色。alpha 通道为透明度添加了一个独立的值,范围从 0%(完全透明)到 100%(完全不透明)。介于两者之间的透明度值会生成一个允许部分背景颜色透出的像素。例如,带有投影的图像会使用透明度逐渐增加的像素渐变,创建出使其后方背景变暗的阴影。
RGBA 图像最常见的色深是每个像素 32 位:红、绿、蓝和 alpha 各占 8 位。每个 8 位颜色通道都可以包含 0 到 255 之间的值;这样生成的图像具有与 24 位 True Color RGB 图像相同数量的颜色(256 x 256 x 256 = 16,777,216 种可能的颜色),并且每个像素还可以有额外的 256 个透明度级别。不过,图像编辑器会将每个 RGB 值显示为 0 到 255 之间的范围,而透明度值则显示为 0% 到 100% 之间的范围。
RGBA 示例
CSS 使用 RGBA 值作为设置文本和图形颜色的一种方法。红、绿、蓝值以 0 到 255 之间的数字输入,alpha 值则以 0.0 到 1.0 之间的数字输入。例如,以下值会生成完全不透明的蓝色文本:
rgba(0, 0, 255, 1.0)
下面的示例则会生成部分透明的蓝色文本:
rgba(0, 0, 255, 0.5)
NOTE: .PNG 和 .TIFF 文件格式支持 32 位 RGBA 图像,.PSD 等专业图像编辑器格式也支持。虽然 .GIF 文件格式支持透明度,但它不包含 alpha 通道,而是在其颜色查找表中将一种颜色定义为透明色。
测试你的知识