菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

颜色 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>
自己试试 »

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持