RGB 简介与使用

数字屏幕的基石:从加法混色到色彩的量化表达,理解 RGB 的工作原理与使用场景

在数字屏幕中,RGB 起着基石的作用。本文将介绍 RGB 的含义、工作原理及其实际应用。

📖 文章目录

🌈 RGB:光的三原色系统

RGB 是红、绿、蓝三种颜色的英文缩写,被广泛用于电子显示设备,例如电脑屏幕、手机屏幕。

加法混色

RGB 的本质是加法混色。RGB 将红、绿、蓝三种波长的光以不同强度叠加,产生不同的色彩。具有如下特点:

  • 黑当三种光的强度为 0 时,呈现纯黑色。
  • 白当三种光的强度为最大值时,呈现纯白色。
  • 中间色调整任意一种或多种光的强度,就可以组合成不同的中间色。

RGB 系统通过模拟人眼的感光逻辑还原色彩。

色彩的「量化表达」

为了让计算机能控制 RGB 色彩,每种颜色的强度被量化为具体数值。按照位数,RGB 可以分为 8 位 RGB 和 10 位 / 12 位 RGB:

8 位
最常见的模式

每种颜色强度范围在 0–255。三种颜色的组合可以产生约 1677 万 种色彩,足以满足日常需求。

10 / 12 位
专业领域使用

每种颜色强度范围是 0–1023、0–4095,可以产生约 10 亿 种色彩。

一般 RGB 的格式有三种:

  • 数值格式
    (255, 0, 0)
    代表纯红色。
  • 百分比格式
    (100%, 0%, 0%)
    同样表示红色。百分比的计算方式是 255/255=100%,0/255=0%。
  • 十六进制格式
    #FF0000
    这个值是将 (255, 0, 0) 转为 16 进制得到。
纯红色(示例)
RGB(255, 0, 0)百分比(100%, 0%, 0%)HEX#FF0000

🖥️ RGB 的应用场景

RGB 的基础应用场景就是屏幕。在电脑的显示设置或显示器偏好设置中,可以调节 RGB 三色的强度,修正屏幕颜色。如果对色彩精度要求高,也可以在显卡的控制面板进行 RGB 调节。

RGB 的主要应用还是在设计、摄影等创作领域。例如图像编辑软件 Photoshop 中的 RGB 调色,网页开发 CSS 中会使用 RGB 设置色彩,影视创作中 RGB 用于修复画面色彩和营造氛围。

🖥️
屏幕显示

系统显示设置、显示器偏好设置、显卡控制面板中的 RGB 调节,修正屏幕颜色。

🎨
图像设计

Photoshop 等图像编辑软件中的 RGB 调色。

💻
网页开发

CSS 中使用 RGB 设置色彩。

🎬
影视创作

RGB 用于修复画面色彩和营造氛围。

⚠️ RGB 的使用注意事项

🖨️
印刷前需转 CMYK

RGB 适合屏幕显示,如果设计需要印刷,需要提前将 RGB 模式转为 CMYK 模式。可以使用本网站的颜色单位转换工具。

🎯
注意色彩空间差异

不同场景有不同的 RGB 色彩空间,例如网页使用 sRGB,摄影使用 Adobe RGB。如果不注意,会导致跨平台显示存在色彩偏差。