颜色 RGB 和 RGBA
RGB 计算器
#ff0000
hsl(0, 100%, 50%)
R
G
B
RGB 颜色
所有浏览器都支持 RGB 颜色值。
RGB 颜色值按以下方式指定:
rgb(红, 绿, 蓝)
每个参数(红、绿和蓝)定义颜色的强度,值为 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(红, 绿, 蓝, 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>
自己试试 »