当我们使用电脑、手机、平板等数字设备时,我们看到的每一个颜色都是通过RGB色彩系统来显示的。RGB是Red(红色)、Green(绿色)、Blue(蓝色)的缩写,这个系统基于我们之前学到的三色视觉理论,通过混合这三种颜色的光来创造出我们看到的丰富色彩。 理解RGB系统,对于任何与数字设计、网页设计、以及屏幕显示相关的工作都是必不可少的。

RGB系统是一种加色法系统,这意味着它通过将不同颜色的光叠加在一起来创造新的颜色。这与我们混合颜料的方式不同——当我们混合颜料时,颜色会变得越来越暗,最终变成黑色;但当我们混合光时,颜色会变得越来越亮,最终变成白色。
在RGB系统中,红色、绿色和蓝色被称为“原色”,因为它们是所有其他颜色的基础。通过调整这三种颜色的强度,我们可以创造出几乎任何我们想要的颜色。当三种颜色的强度都为零时,我们看到的是黑色;当三种颜色的强度都达到最大值时,我们看到的是白色。
红色 (R)
255, 0, 0
绿色 (G)
0, 255, 0
蓝色 (B)
0, 0, 255
黄色
255, 255, 0
青色
0, 255, 255
品红色
255, 0, 255
RGB三原色及其混合产生的二次色
在RGB系统中,每种颜色的强度通常用0到255之间的数字来表示。这个范围对应着8位色彩深度,意味着每种原色可以有256个不同的强度级别。当我们组合三种原色时,总共可以创造出超过1600万种不同的颜色(256 × 256 × 256 = 16,777,216)。
当我们看到一个RGB值,比如RGB(255, 0, 0)时,第一个数字表示红色的强度,第二个数字表示绿色的强度,第三个数字表示蓝色的强度。RGB(255, 0, 0)表示红色达到最大值,绿色和蓝色都为零,所以这是一个纯红色。RGB(255, 255, 255)表示三种颜色都达到最大值,所以这是白色。RGB(0, 0, 0)表示三种颜色都为零,所以这是黑色。
RGB系统使用0-255的数值范围来表示每种原色的强度,通过组合三种原色的不同强度,可以创造出超过1600万种颜色。
在RGB系统中,当我们混合两种原色时,会产生一种二次色。红色和绿色混合产生黄色,绿色和蓝色混合产生青色,蓝色和红色混合产生品红色(也叫洋红色)。这三种二次色——黄色、青色、品红色——在色轮上位于两种原色之间。
当我们混合三种原色时,如果它们的强度相等,我们就会得到白色或不同深浅的灰色。如果它们的强度不相等,我们就会得到各种不同的颜色。比如,RGB(255, 128, 0)会产生一个橙色,因为红色很强,绿色中等,蓝色为零。RGB(128, 128, 255)会产生一个浅蓝色,因为红色和绿色都是中等强度,而蓝色很强。
RGB加色法的混合规律
下面是一个可以调试RGB颜色的工具,你可以试着改变一下不同的RGB值来观察颜色的变化:
RGB系统是数字显示设备的基础。无论是电脑显示器、手机屏幕、还是电视屏幕,它们都是通过发射或过滤红色、绿色和蓝色的光来显示颜色的。每个像素都由三个子像素组成,分别对应红色、绿色和蓝色。通过控制每个子像素的亮度,屏幕就能够显示出我们看到的丰富色彩。
这种技术让我们能够在屏幕上看到几乎任何颜色,但也带来了一些挑战。比如,不同的显示器可能对同一个RGB值显示出略有不同的颜色,这是因为显示器的色彩校准、亮度设置、以及显示技术都可能不同。这就是为什么专业的设计工作通常需要对显示器进行色彩校准,以确保我们看到的颜色尽可能准确。
每个像素由红、绿、蓝三个子像素组成
通过控制每个子像素的亮度,创造出我们看到的颜色
虽然RGB系统理论上可以表示超过1600万种颜色,但实际上,我们能够显示和感知的颜色范围是有限的。这个范围被称为“色彩空间”或“色域”。不同的RGB标准定义了不同的色彩空间,比如sRGB、Adobe RGB、以及Display P3等。
sRGB是最常用的RGB色彩空间,它被广泛用于网页设计和大多数数字设备。Adobe RGB具有更广的色域,能够显示更多的颜色,特别适合专业摄影和印刷设计。Display P3是苹果设备使用的色彩空间,也具有较广的色域。了解这些不同的色彩空间,对于确保我们的设计在不同设备上都能正确显示是非常重要的。
除了使用RGB(255, 0, 0)这种十进制表示法,RGB颜色也经常用十六进制来表示。十六进制使用0-9和A-F来表示0-15的数字,每两个十六进制数字对应一个0-255的十进制数字。比如,RGB(255, 0, 0)用十六进制表示就是#FF0000,其中FF对应255,00对应0。
十六进制表示法在网页设计和编程中非常常用,因为它更简洁。一个完整的RGB颜色用十六进制表示只需要6个字符,比如#FF5733表示一个橙红色。有时候我们还会看到8个字符的表示法,比如#FF5733FF,后面两个字符表示透明度(Alpha通道)。
RGB(0, 123, 255)
十进制表示
#007BFF
十六进制表示
虽然RGB系统非常适合数字显示,但它也有一些局限性。首先,RGB是基于光的系统,它无法准确表示印刷中使用的颜色。当我们设计一个要在印刷品上使用的作品时,我们需要使用CMYK系统,我们将在下一课中学习它。
其次,RGB系统是设备相关的,这意味着同一个RGB值在不同的设备上可能看起来不同。这就是为什么专业的设计工作需要进行色彩管理,以确保颜色在不同设备之间的一致性。
掌握了RGB系统,我们就能够理解数字设备如何显示颜色,能够在使用设计软件时更准确地选择颜色,能够理解为什么同一个设计在不同设备上可能看起来不同。这对于任何与数字设计相关的工作都是非常重要的基础。
在下一课中,我们将学习CMYK色彩系统,这是印刷世界中使用的色彩系统。虽然RGB和CMYK都是基于三原色的系统,但它们的工作原理完全不同。理解这两种系统的区别和联系,对于我们能够在数字设计和印刷设计之间顺利转换是非常重要的。
RGB:数字世界的色彩语言
理解RGB,就是理解屏幕如何创造色彩