CSS RGB 颜色
RGB 颜色值表示红、绿、蓝光源。
RGB 值
在 CSS 中,颜色可以使用 RGB 值来指定,使用以下公式
rgb(red, green, blue)
每个参数(红色、绿色和蓝色)定义了 0 到 255 之间的颜色强度。
例如,rgb(255, 0, 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)
自己尝试 »
灰色阴影通常使用所有 3 个光源的相等值来定义
示例
rgb(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)
自己尝试 »
RGBA 值
RGBA 颜色值是 RGB 颜色值的扩展,具有一个 alpha 通道 - 它指定了颜色的不透明度。
RGBA 颜色值指定为
rgba(red, green, blue, 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)
自己尝试 »