HTML RGB 与 RGBA 颜色

RGB 颜色值

在 HTML 中，颜色可以指定为 RGB 值，使用以下公式：

rgb(red, green, blue)

每个参数（红色、绿色和蓝色）定义颜色的强度，取值范围为 0 到 255。

这意味着有 256 x 256 x 256 = 16777216 种可能的颜色！

例如，rgb(255, 0, 0) 显示为红色，因为红色设置为最高值 (255)，其他两个（绿色和蓝色）设置为 0。

再例如，rgb(0, 255, 0) 显示为绿色，因为绿色设置为最高值 (255)，其他两个（红色和蓝色）设置为 0。

要显示黑色，将所有颜色参数设置为 0，像这样：rgb(0, 0, 0)。

要显示白色，将所有颜色参数设置为 255，像这样：rgb(255, 255, 255)。

通过混合下面的 RGB 值进行实验：

实例

亲自试一试

灰色阴影

灰色阴影通常使用所有三个参数相等的值来定义：

实例

亲自试一试

RGBA 颜色值

RGBA 颜色值是 RGB 颜色值的扩展，增加了 Alpha 通道 - 用于指定颜色的不透明度。

RGBA 颜色值的指定方式为：

rgba(red, green, blue, alpha)

alpha 参数是一个介于 0.0（完全透明）和 1.0（完全不透明）之间的数字：

通过混合下面的 RGBA 值进行实验：

实例

亲自试一试