自在学

我们与你共同进步

  • 分类课程
  • 文章
  • 工作台
  • 订阅

  • 关于我们
  • 隐私政策
  • 使用条款

探索

  • 分类课程
  • 文章
  • 工作台
  • 订阅

网站信息

  • 关于我们
  • 隐私政策
  • 使用条款

加入社区

自在学学习社区微信二维码

微信扫码,交流学习

株洲市自在学教育科技有限公司© 2025 - 2026 版权所有

© 2025 - 2026 株洲市自在学教育科技有限公司 版权所有

湘公网安备43020302000292号|湘ICP备2025148919号-1
分类课程工作台文章订阅
分类课程工作台文章价格

色彩系统

  1. 01认识色彩
  2. 02为什么色彩如此重要
  3. 03光的本质与色彩的产生
  4. 04人眼如何感知色彩
  5. 05色彩三要素
  6. 06RGB 色彩系统
  7. 07CMYK 色彩系统
  8. 08HSV/HSL 色彩系统
  9. 09其他色彩系统
  10. 10色轮与色彩关系
  11. 11互补色、相似色、三色搭配
  12. 12色彩搭配的基本原则
  13. 13单色、双色、多色搭配策略
  14. 14色彩的情感表达
  15. 15不同色彩的心理效应
  16. 16色彩的文化差异
  17. 17色彩在品牌中的应用
  18. 18品牌色彩设计
  19. 19色彩工具
  20. 20色彩实际案例
正在加载课程章节内容
课程设计色彩系统RGB 色彩系统

RGB 色彩系统

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

RGB


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的数值表示

在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值显示出略有不同的颜色,这是因为显示器的色彩校准、亮度设置、以及显示技术都可能不同。这就是为什么专业的设计工作通常需要对显示器进行色彩校准,以确保我们看到的颜色尽可能准确。

数字显示的原理

每个像素由红、绿、蓝三个子像素组成

通过控制每个子像素的亮度,创造出我们看到的颜色

RGB的色彩空间

虽然RGB系统理论上可以表示超过1600万种颜色,但实际上,我们能够显示和感知的颜色范围是有限的。这个范围被称为“色彩空间”或“色域”。不同的RGB标准定义了不同的色彩空间,比如sRGB、Adobe RGB、以及Display P3等。

sRGB是最常用的RGB色彩空间,它被广泛用于网页设计和大多数数字设备。Adobe RGB具有更广的色域,能够显示更多的颜色,特别适合专业摄影和印刷设计。Display P3是苹果设备使用的色彩空间,也具有较广的色域。了解这些不同的色彩空间,对于确保我们的设计在不同设备上都能正确显示是非常重要的。


RGB的十六进制表示

除了使用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,就是理解屏幕如何创造色彩

上一章色彩三要素下一章CMYK 色彩系统