HTML RGB 和 RGBA 颜色
RGB 颜色值代表红色 (RED)、绿色 (GREEN) 和蓝色 (BLUE) 光源。
RGBA 颜色值是 RGB 的扩展,包含一个 Alpha 通道(不透明度)。
RGB 颜色值
在 HTML 中,可以使用以下公式指定颜色为 RGB 值:
rgb(红, 绿, 蓝)
每个参数(红色、绿色和蓝色)都使用 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 值进行实验
红色
255
绿色环保
0
蓝色
0
示例
rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)
自己动手试一试 »
灰色调
灰色通常使用三个参数相等的值来定义
示例
rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)
自己动手试一试 »
RGBA 颜色值
RGBA 颜色值是 RGB 颜色值的扩展,包含一个 Alpha 通道 — 指定颜色的不透明度。
RGBA 颜色值指定为
rgba(红, 绿, 蓝, alpha)
alpha 参数是一个介于 0.0(完全透明)和 1.0(完全不透明)之间的数字。
通过混合下面的 RGBA 值进行实验
红色
255
绿色环保
0
蓝色
0
Alpha
0
示例
rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)
自己动手试一试 »