CSS RGB 颜色
一个 RGB 颜色 值代表红色、绿色和蓝色光源。
RGB 值
在 CSS 中,可以将颜色指定为 RGB 值,使用以下公式:
RGB(红色的, 绿色的, 蓝色的).
每个参数(红色、绿色和蓝色)定义 0 至 255 之间的颜色强度。
例如,rgb(255, 0, 0) 显示为红色,因为红色设置为其最高值(255),而其他设置为 0。
要显示黑色,请将所有颜色参数设置为 0,如下所示:rgb(0, 0, 0)。
要显示白色,请将所有颜色参数设置为 255,如下所示:rgb(255, 255, 255)。
通过混合以下 RGB 值进行实验:
红色的
255
绿色的
0
蓝色的
0
灰色阴影通常使用所有 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 颜色值是带有 alpha 通道的 RGB 颜色值的扩展 - 它指定颜色的不透明度。
RGBA 颜色值通过以下方式指定:
RGBA(红色的, 绿色的, 蓝色、阿尔法)
alpha 参数是一个介于 0.0(完全透明)和 1.0(完全不透明)之间的数字:
通过混合以下 RGBA 值进行实验:
红色的
255
绿色的
0
蓝色的
0
Α
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)
亲自尝试 »
CSS — 颜色 RGB 和 RGBA — W3Schools 视频
本视频介绍了 RGB 和RGBA CSS 中的颜色。
这是针对初学者学习 CSS 的系列视频教程的一部分!