P1-光和色的关系1-HSB与RGB色彩模式

课程主题与核心目标

掌握 Photoshop 最基础的色彩理论——HSB 色彩模型与 RGB 光色模式，理解颜色的三个属性（色相/饱和度/明度）以及 RGB 作为发光媒介色彩空间的底层原理。

核心概念解析

1. Photoshop 的本质定义

Photoshop 是一个平面的、二维的图像合成软件。合成的定义：在已有素材基础上进行艺术再加工。它不同于 Illustrator（创作软件），PS 的核心强项在于合成体系。

[为什么：理解这一点有助于你区分 PS 的适用场景——不要用 PS 去画蜻蜓，应该去拍照然后用 PS 合成加工。]

2. HSB 色彩模式

HSB 是基于人眼视觉感受的色彩模型，是你在拾色器中选色的底层逻辑。

关键结论：黑颜色和白颜色没有色相。 黑色头发想染成绿色，必须先将其转为灰度值。因为黑白属于无色相，色相环的外圈上不存在白色和黑色。

3. RGB 色彩模式

RGB 是光的三原色（红 Red / 绿 Green / 蓝 Blue），对应媒介是发光物体（显示器、投影仪、电视机等）。

• 每种光有 0~255 共 256 个级别。
• 显示器最多可显示的颜色数：256 × 256 × 256 = 1678万种颜色。
• 三个值相等时（如 R128 G128 B128），得到的是灰色（无色相）。
• 三个值越大越接近白色 → RGB 属于加色模式。
• R255 G0 B0 = 纯红色；R0 G255 B0 = 纯绿色；R0 G0 B255 = 纯蓝色。

4. 色彩模式对应媒介法则

每种色彩模式都对应一种媒介：

• HSB → 人眼视觉细胞
• RGB → 发光物体（显示器/投影仪）
• CMYK → 印刷油墨
• LAB → 大自然颜色库（理论推算）

核心实操步骤

步骤1：通过拾色器理解 HSB

• 操作路径：点击工具栏底部的前景色块 → 打开 拾色器 (Color Picker)。
• 视觉提示：[视觉提示：拾色器左侧的大方块代表饱和度和明度的二维平面，右侧竖条代表色相环的展开。在色相环中，0°和360°同为红色，形成一个闭环。]
• 原理解释：[为什么：拾色器默认以 HSB 方式呈现，因为这是最符合人类直觉的选色方式。]

步骤2：在 PS 中确认 RGB 模式

• 操作路径：图像(Image) > 模式(Mode) > RGB颜色(RGB Color)。
• 原理解释：如果作品最终在屏幕上显示（网页、UI、视频等），色彩模式应选 RGB。

快捷键速查表

避坑指南与注意事项

• 黑白无色相：想在黑色物体上涂颜色，必须先把它转成灰度。直接在黑色上用画笔是涂不上颜色的。
• 合成不是创作：PS 的核心是合成，不是凭空创作。遇到"用 PS 画一只蜻蜓"的教程可以直接跳过——用 Painter 或 Illustrator 更高效。
• 色彩模式要匹配输出媒介：网页用 RGB，印刷用 CMYK，不要混用。
• 建议：在学习 PS 之前，先把颜色理论（HSB/RGB/CMYK 的关系）搞清楚，后续所有的调色、混合模式、通道操作都将建立在这个基础上。