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值进行试验:
rgb(255, 99, 71)
RED
255
GREEN
99
BLUE
71
实例
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 值进行试验:
rgba(255, 99, 71, 0.5)
RED
255
GREEN
99
BLUE
71
ALPHA
0.5
实例
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)
亲自试一试 »