导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

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 颜色值。

示例

<style>
div {
    background-color: rgb(0, 191, 255);
    color: rgb(255, 255, 255);
}
</style>
亲自试一试 »

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>
亲自试一试 »

Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。