什么是RGB?

RGB(红、绿、蓝)是屏幕和数字显示器使用的颜色模型。了解RGB颜色的工作原理、混合方式以及与其他颜色模型的区别。

Definition
Red, Green, Blue(红、绿、蓝)

RGB是一种加色模型,通过以不同强度混合红、绿、蓝三种光来产生各种颜色。它是电脑显示器、智能手机、电视和相机等数字屏幕的标准颜色模型。每个通道的值从0(无光)到255(最大强度)。

RGB颜色的工作原理

RGB是加色模型——通过添加光来创建颜色: • 红色 (255, 0, 0) + 绿色 (0, 255, 0) = 黄色 (255, 255, 0) • 红色 + 蓝色 = 品红色 • 绿色 + 蓝色 = 青色 • 三个通道全满 = 白色 (255, 255, 255) • 所有通道为0 = 黑色 (0, 0, 0) 在CSS中:rgb(255, 87, 51) 创建橙红色。

RGB范围与色彩深度

每个RGB通道有256个可能的值(0-255): • 256 × 256 × 256 = 16,777,216种可能的颜色 • 这被称为24位颜色或真彩色 • 现代显示器通常为HDR内容使用每通道10位(1024个值) • 无法显示完整色彩范围的屏幕会出现"色带"现象

RGB vs CMYK vs HSL

• RGB — 屏幕用加色模型;混合使颜色更亮 • CMYK — 印刷用减色模型;油墨吸收光线,混合使颜色更深 • HSL(色相、饱和度、亮度)— 设计师直觉模型;更易于选择和调整颜色 设计软件通常允许在任何模型中工作并相互转换。

Try it yourself

颜色转换器

关于RGB

RGB模型是随着20世纪CRT显示器的发展而诞生的,基于人类视觉的三色特性——我们的眼睛有三种颜色敏感视锥细胞。数字相机以RGB方式捕获图像,屏幕发出RGB光,HTML/CSS等网络标准将RGB作为基础颜色模型。

FAQ

RGB代表什么?
RGB代表Red(红)、Green(绿)、Blue(蓝)——加色模型中三种基本光色。
RGB和CMYK有什么区别?
RGB用于屏幕,通过添加光(混合使颜色更亮)。CMYK用于印刷,通过油墨减去光(混合使颜色更深)。在屏幕上RGB看起来鲜艳的颜色,用CMYK印刷时可能会显得暗淡。
CSS中的rgba()是什么?
rgba()是带有额外透明度(alpha)通道的RGB CSS函数。rgba(255, 87, 51, 0.5)创建50%透明度的橙红色。

相关工具