手册
目录
收藏816
分享
阅读3908
更新时间2025-07-16
前言:
一个RGB颜色值代表红色、绿色和蓝色三个光源的组合。
在 CSS 中,颜色可以使用 RGB 值来表示,其格式如下:
rgb(红色, 绿色, 蓝色)
每个参数(红色、绿色和蓝色)定义颜色的强度,取值范围为 0 到 255。
例如,rgb(255, 0, 0) 表示红色,因为红色被设置为最高值(255),而其他两个颜色值为 0。
要显示黑色,将所有颜色参数设置为 0,如下所示:rgb(0, 0, 0)。
要显示白色,将所有颜色参数设置为 255,如下所示:rgb(255, 255, 255)。
在下方尝试混合不同的 RGB 值:
RED
255 GREEN
0 BLUE
rgb(255, 0, 0)
运行实例 »点击 "运行实例" 按钮查看在线实例
灰色调通常通过为三种颜色通道设置相同的数值来定义:
rgb(60, 60, 60)
运行实例 »点击 "运行实例" 按钮查看在线实例
RGBA 颜色值是在 RGB 颜色值基础上增加了一个 alpha 通道 —— 用于定义颜色的透明度。
RGBA 颜色值的语法如下:
rgba(红色, 绿色, 蓝色, alpha)
alpha 参数的取值范围是 0.0(完全透明)到 1.0(完全不透明):
在下方尝试混合不同的 RGBA 值:
RED
255 GREEN
0 BLUE
0 ALPHA
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)
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.3万人学习
共49课时
77.7万人学习
共29课时
62.2万人学习
共25课时
39.6万人学习
共43课时
71.5万人学习
共25课时
62.1万人学习
共22课时
23.2万人学习
共28课时
34.2万人学习
共89课时
126.3万人学习