什么是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%透明度的橙红色。