296 lines
8.4 KiB
Markdown
Executable File
296 lines
8.4 KiB
Markdown
Executable File
---
|
||
created: 2026-04-29
|
||
type: knowledge
|
||
tags: [颜色, CMYK, RGB, 潘通, Pantone, RAL, 印刷, 设计]
|
||
---
|
||
|
||
# 颜色体系研究
|
||
|
||
> RGB / CMYK / Pantone / RAL / HSL / HEX — 颜色模型与色彩标准的完全指南
|
||
|
||
## 颜色模型 vs 颜色标准
|
||
|
||
| 类别 | 说明 | 示例 |
|
||
|------|------|------|
|
||
| **颜色模型** | 描述颜色的数学方法 | RGB, CMYK, HSL, LAB |
|
||
| **颜色标准** | 定义的具体颜色集合 | Pantone, RAL, NCS |
|
||
|
||
---
|
||
|
||
## 1. RGB（光的三原色）
|
||
|
||
> **加色模型** — 屏幕显示用
|
||
|
||
### 原理
|
||
|
||
通过红（Red）、绿（Green）、蓝（Blue）三种光的不同强度混合来产生颜色。
|
||
|
||
- 值域：每种颜色 0-255（8 位）或 0%-100%
|
||
- 格式：`RGB(255, 0, 0)` 或十六进制 `#FF0000`
|
||
|
||
### 关键特性
|
||
|
||
| 特性 | 说明 |
|
||
|------|------|
|
||
| 类型 | **加色模型**（光叠加变亮） |
|
||
| 原色 | 红、绿、蓝 |
|
||
| 混合结果 | R+G=黄，G+B=青，B+R=品红，R+G+B=白 |
|
||
| 色域 | 约 1670 万色（24 位） |
|
||
| 用途 | 显示器、手机、电视、网页、UI 设计 |
|
||
|
||
### 常见格式
|
||
|
||
| 格式 | 示例 | 说明 |
|
||
|------|------|------|
|
||
| 十进制 | `RGB(255, 128, 0)` | CSS 标准格式 |
|
||
| 十六进制 | `#FF8000` | 网页最常用 |
|
||
| 百分比 | `RGB(100%, 50%, 0%)` | 较少用 |
|
||
| RGBA | `RGBA(255, 0, 0, 0.5)` | 带透明度（0-1） |
|
||
|
||
### 红色示例
|
||
|
||
```
|
||
RGB(255, 0, 0) = #FF0000 = 纯红
|
||
RGB(255, 165, 0) = #FFA500 = 橙色
|
||
RGB(255, 255, 255) = #FFFFFF = 白色
|
||
RGB(0, 0, 0) = #000000 = 黑色
|
||
```
|
||
|
||
---
|
||
|
||
## 2. CMYK（印刷四色）
|
||
|
||
> **减色模型** — 印刷用
|
||
|
||
### 原理
|
||
|
||
通过青（Cyan）、品红（Magenta）、黄（Yellow）、黑（Key/Black）四种油墨的混合来产生颜色。
|
||
|
||
- 值域：每种颜色 0%-100%
|
||
- 格式：`CMYK(0%, 100%, 100%, 0%)`
|
||
|
||
### 关键特性
|
||
|
||
| 特性 | 说明 |
|
||
|------|------|
|
||
| 类型 | **减色模型**（油墨叠加变暗） |
|
||
| 原色 | 青、品红、黄、黑 |
|
||
| 混合结果 | C+M=蓝，M+Y=红，Y+C=绿，C+M+Y+K=黑 |
|
||
| 色域 | 比 RGB 小（印刷无法显示所有屏幕颜色） |
|
||
| 用途 | 印刷、包装、海报、名片、宣传册 |
|
||
|
||
### 为什么需要黑色（K）？
|
||
|
||
- 理论上 C+M+Y=黑，但实际混合后是深棕色
|
||
- 用纯黑油墨更经济、更清晰
|
||
- K = Key（定位套版色），来自印刷行业的术语
|
||
|
||
### CMYK 转 RGB 近似对照
|
||
|
||
| 颜色 | CMYK | RGB | HEX |
|
||
|------|------|-----|-----|
|
||
| 纯红 | 0, 100, 100, 0 | 255, 0, 0 | #FF0000 |
|
||
| 纯绿 | 100, 0, 100, 0 | 0, 128, 0 | #008000 |
|
||
| 纯蓝 | 100, 100, 0, 0 | 0, 0, 255 | #0000FF |
|
||
| 白 | 0, 0, 0, 0 | 255, 255, 255 | #FFFFFF |
|
||
| 黑 | 0, 0, 0, 100 | 0, 0, 0 | #000000 |
|
||
|
||
### 设计注意事项
|
||
|
||
- ⚠️ **RGB 颜色在印刷时会变暗**（特别是亮蓝和亮绿）
|
||
- 设计印刷品时必须使用 CMYK 模式
|
||
- 印刷前必须转 CMYK 并打样确认
|
||
|
||
---
|
||
|
||
## 3. Pantone（潘通色卡）
|
||
|
||
> **行业标准色卡** — 品牌色专用
|
||
|
||
### 原理
|
||
|
||
Pantone 是一套**专色系统**（Spot Color），每种颜色都有唯一编号和预调配的油墨配方。
|
||
|
||
- 格式：`PANTONE 186 C`（C = Coated 光面纸，U = Uncoated 哑面纸）
|
||
- 色卡数量：超过 2,000 种颜色
|
||
|
||
### 关键特性
|
||
|
||
| 特性 | 说明 |
|
||
|------|------|
|
||
| 类型 | **专色系统**（预调配油墨） |
|
||
| 编号 | PANTONE + 数字 + 后缀（C/U/M） |
|
||
| 精度 | 极高，全球统一标准 |
|
||
| 色域 | 覆盖印刷和数码两种 |
|
||
| 用途 | 品牌色、企业 Logo、包装设计、纺织品 |
|
||
|
||
### 编号规则
|
||
|
||
| 示例 | 说明 |
|
||
|------|------|
|
||
| PANTONE 186 **C** | Coated（光面纸/铜版纸） |
|
||
| PANTONE 186 **U** | Uncoated（哑面纸/胶版纸） |
|
||
| PANTONE 186 **M** | Matte（亚光纸） |
|
||
| PANTONE 186 **TPX** | 纺织品（棉纸色卡） |
|
||
| PANTONE 186 **TCX** | 纺织品（棉布色卡） |
|
||
|
||
### 经典品牌 Pantone 色
|
||
|
||
| 品牌 | Pantone 色号 | 颜色 |
|
||
|------|-------------|------|
|
||
| 可口可乐红 | PANTONE 484 C | 经典红 |
|
||
| Facebook 蓝 | PANTONE 2925 C | 科技蓝 |
|
||
| 蒂芙尼蓝 | PANTONE 1837 C | 专属蓝绿色 |
|
||
| UPS 棕 | PANTONE 4625 C | 深棕色 |
|
||
| 麦当劳黄 | PANTONE 116 C | 亮黄色 |
|
||
|
||
### Pantone vs CMYK 区别
|
||
|
||
| | Pantone（专色） | CMYK（四色印刷） |
|
||
|--|---------------|----------------|
|
||
| 颜色精度 | ✅ 极高 | ⚠️ 有偏差 |
|
||
| 成本 | 贵（每色一个印版） | 便宜（四个印版通用） |
|
||
| 适用场景 | Logo、品牌色、少量印刷 | 多色印刷、照片、画册 |
|
||
| 颜色数量 | 固定（色卡上的颜色） | 理论上无限组合 |
|
||
|
||
---
|
||
|
||
## 4. RAL 色卡
|
||
|
||
> **欧洲工业标准色** — 建筑、涂料、工业用
|
||
|
||
### 原理
|
||
|
||
RAL 是德国开发的**工业色彩标准系统**，主要用于建筑外墙、工业涂料、粉末涂料等领域。
|
||
|
||
- 格式：`RAL 1003`（4 位数字）
|
||
- 色卡数量：经典系列 213 色，设计系列 1,625 色
|
||
|
||
### 关键特性
|
||
|
||
| 特性 | 说明 |
|
||
|------|------|
|
||
| 类型 | **工业色彩标准** |
|
||
| 编号 | RAL + 4 位数字 |
|
||
| 精度 | 高，适用于涂料和粉末喷涂 |
|
||
| 用途 | 建筑外墙、工业设备、交通标识、涂料 |
|
||
|
||
### RAL Classic 色系分类
|
||
|
||
| 首数字 | 色系 | 示例 |
|
||
|--------|------|------|
|
||
| 1xxx | 黄色系 | RAL 1003（信号灯黄） |
|
||
| 2xxx | 橙色系 | RAL 2003（浅橙色） |
|
||
| 3xxx | 红色系 | RAL 3020（交通红） |
|
||
| 4xxx | 紫色系 | RAL 4005（蓝紫色） |
|
||
| 5xxx | 蓝色系 | RAL 5005（信号蓝） |
|
||
| 6xxx | 绿色系 | RAL 6005（苔藓绿） |
|
||
| 7xxx | 灰色系 | RAL 7035（浅灰色） |
|
||
| 8xxx | 棕色系 | RAL 8003（泥土棕） |
|
||
| 9xxx | 白/黑色系 | RAL 9005（墨黑色） |
|
||
|
||
### 常用 RAL 色
|
||
|
||
| 色号 | 名称 | 近似 RGB |
|
||
|------|------|---------|
|
||
| RAL 1003 | 信号灯黄 | 255, 210, 0 |
|
||
| RAL 3020 | 交通红 | 186, 12, 12 |
|
||
| RAL 5005 | 信号蓝 | 0, 83, 135 |
|
||
| RAL 6005 | 苔藓绿 | 32, 68, 35 |
|
||
| RAL 7035 | 浅灰色 | 192, 192, 192 |
|
||
| RAL 9005 | 墨黑色 | 15, 15, 15 |
|
||
| RAL 9010 | 纯白色 | 245, 243, 235 |
|
||
|
||
---
|
||
|
||
## 5. 其他常用颜色体系
|
||
|
||
### HSL/HSV（色相/饱和度/亮度）
|
||
|
||
| 参数 | 说明 | 范围 |
|
||
|------|------|------|
|
||
| **H**（Hue 色相） | 颜色在色环上的位置 | 0°-360° |
|
||
| **S**（Saturation 饱和度） | 颜色纯度 | 0%-100% |
|
||
| **L/V**（Lightness/Value 亮度） | 明暗程度 | 0%-100% |
|
||
|
||
**用途**：CSS、设计软件调色、人类直觉选色
|
||
|
||
### LAB（CIELAB）
|
||
|
||
- **L**：亮度（0-100）
|
||
- **A**：红绿轴（-128 到 +128）
|
||
- **B**：蓝黄轴（-128 到 +128）
|
||
|
||
**特点**：设备无关，色域最大，是颜色转换的中间标准
|
||
|
||
### NCS（自然色彩系统）
|
||
|
||
- 瑞典开发的色彩系统
|
||
- 基于人类对颜色的感知
|
||
- 格式：`NCS S 2030-Y90R`
|
||
|
||
---
|
||
|
||
## 6. 颜色体系对比
|
||
|
||
| 特性 | RGB | CMYK | Pantone | RAL |
|
||
|------|-----|------|---------|-----|
|
||
| 类型 | 加色模型 | 减色模型 | 专色系统 | 工业色卡 |
|
||
| 用途 | 屏幕显示 | 印刷 | 品牌色 | 建筑/工业 |
|
||
| 值域 | 0-255 × 3 | 0%-100% × 4 | 编号 | 编号 |
|
||
| 色域 | 大 | 小 | 固定 | 固定 |
|
||
| 精度 | 设备相关 | 设备相关 | 极高 | 高 |
|
||
| 转换 | → CMYK | → RGB | → CMYK/RGB | → RGB/CMYK |
|
||
|
||
---
|
||
|
||
## 7. 颜色转换参考
|
||
|
||
### RGB → CMYK 转换公式
|
||
|
||
```
|
||
R' = R/255, G' = G/255, B' = B/255
|
||
K = 1 - max(R', G', B')
|
||
C = (1 - R' - K) / (1 - K)
|
||
M = (1 - G' - K) / (1 - K)
|
||
Y = (1 - B' - K) / (1 - K)
|
||
```
|
||
|
||
### 常用颜色速查表
|
||
|
||
| 颜色 | RGB | CMYK | HEX | Pantone 近似 |
|
||
|------|-----|------|-----|-------------|
|
||
| 红 | 255, 0, 0 | 0, 100, 100, 0 | #FF0000 | PMS 186 C |
|
||
| 绿 | 0, 128, 0 | 100, 0, 100, 50 | #008000 | PMS 349 C |
|
||
| 蓝 | 0, 0, 255 | 100, 100, 0, 0 | #0000FF | PMS 286 C |
|
||
| 黄 | 255, 255, 0 | 0, 0, 100, 0 | #FFFF00 | PMS 102 C |
|
||
| 橙 | 255, 165, 0 | 0, 35, 100, 0 | #FFA500 | PMS 144 C |
|
||
| 紫 | 128, 0, 128 | 0, 100, 0, 50 | #800080 | PMS 268 C |
|
||
| 黑 | 0, 0, 0 | 0, 0, 0, 100 | #000000 | PMS Black C |
|
||
| 白 | 255, 255, 255 | 0, 0, 0, 0 | #FFFFFF | — |
|
||
|
||
---
|
||
|
||
## 8. 实际应用建议
|
||
|
||
### 设计工作流程
|
||
|
||
1. **屏幕设计** → 使用 RGB（sRGB 色域）
|
||
2. **印刷准备** → 转为 CMYK，检查颜色偏移
|
||
3. **品牌色** → 指定 Pantone 色号
|
||
4. **建筑/工业** → 使用 RAL 色卡
|
||
5. **跨媒介** → 以 LAB 为中间标准转换
|
||
|
||
### 常见陷阱
|
||
|
||
| 陷阱 | 说明 | 避免方法 |
|
||
|------|------|---------|
|
||
| 印刷偏色 | RGB 亮色转 CMYK 变暗 | 设计时就使用 CMYK 模式 |
|
||
| 屏幕色差 | 不同显示器色温不同 | 使用 sRGB 标准 + 校色仪 |
|
||
| 专色混用 | Pantone 转 CMYK 不精确 | 保持专色印刷，不要转 CMYK |
|
||
| RAL 偏差 | RAL 是涂料色，非屏幕色 | 打样确认后再施工 |
|
||
|
||
---
|
||
|
||
*基于研究整理 | 归档：2026-04-29*
|