颜色 RGB 和 RGBA
RGB 计算器
#ff0000
hsl(0, 100%, 50%)
R
G
B
RGB 颜色
RGB 颜色值在所有浏览器中都受支持。
RGB 颜色值由以下指定
rgb(red, green, blue)
每个参数(红色、绿色和蓝色)定义颜色的强度,取值范围为 0 到 255。
例如,rgb(255, 0, 0) 显示为红色,因为红色设置为其最高值 (255),而其他两个 (绿色和蓝色) 设置为 0。
另一个例子,rgb(0, 255, 0) 显示为绿色,因为绿色设置为其最高值 (255),而其他两个 (红色和蓝色) 设置为 0。
要显示黑色,请将所有颜色参数设置为 0,如下所示:rgb(0, 0, 0)。
要显示白色,请将所有颜色参数设置为 255,如下所示:rgb(255, 255, 255)。
自己试试
RGB 颜色值在所有浏览器中都受支持。
RGBA 颜色值
RGBA 颜色值是 RGB 颜色值的扩展,带有一个 Alpha 通道 - 指定颜色的不透明度。
RGBA 颜色值由以下指定
rgba(red, green, blue, alpha)
alpha 参数是一个介于 0.0(完全透明)和 1.0(完全不透明)之间的数字
示例
<h1 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.4);">rgba(255, 99, 71, 0.4)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.6);">rgba(255, 99, 71, 0.6)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.8);">rgba(255, 99, 71, 0.8)</h1>
自己试试 »