跳到主要内容

RGB和RGBA颜色

RGB 颜色值R表示红色、G表示绿色和B表示蓝色。

RGBA 颜色值是 RGB 的扩展,A表示透明度。

RGB

在 HTML 中,可以使用以下公式设置指定的颜色。 RGB(红色,绿色,蓝色) 每个参数(红色、绿色和 蓝色)定义颜色的强度,值介于 0 和 255 之间。

这意味着有RGB可以设置 256 x 256 x 256 = 16777216种颜色!因为颜色值从0开始到255结束,所以每一种颜色(红色、绿色、蓝色)都有256种颜色强度。

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

rgb(0, 255, 0) 显示为绿色, 因为绿色设置为其最大值 (255),而其他两个(红色和蓝色)设置为 0。

rgb(0, 0,255 ) 显示为蓝色, 因为蓝色设置为其最大值 (255),而其他两个(红色和绿色)设置为 0。

要显示黑色,将所有颜色参数设置为 0,如:rgb(0, 0, 0)

要显示不同强度的灰色,只需将所有颜色参数设置为相同的值,如:rgb(50, 50, 50)rgb(130, 130, 130)

要显示白色,将所有颜色参数设置为 255,如: rgb(255, 255, 255)

红(red):
255
绿(green):
30
蓝(blue):
60

RGBA

RGBA 颜色值是具有 Alpha 通道的 RGB 颜色值的扩展,即指定颜色透明度。 可以使用以下公式设置指定的颜色: rgba(红、绿、蓝、 阿尔法)。 阿尔法(alpha) 参数是一个数字,介于 0.0(完全透明)和 1.0(完全不透明)之间。

红(red):
255
绿(green):
30
蓝(blue):
60
透明度(alpha):
0.8

CSS 参考

名称描述