HTML RGB 和 RGBA 颜色
RGB 颜色值表示红色、绿色和蓝色光源。
RGBA 颜色值是带有Alpha通道(不透明度)的RGB的扩展。
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值进行试验:
RED
255
GREEN
0
BLUE
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 颜色值是带有 Alpha 通道的 RGB 颜色值的扩展-指定颜色的不透明度。
RGBA 颜色值指定为:
rgba(red, green, blue, alpha)
alpha 参数是介于0.0(完全透明)和1.0(完全不透明)之间的数字:
混合以下 RGBA 值进行试验:
RED
255
GREEN
0
BLUE
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)
亲自试一试 »