Update from Sync Service

wiki/Resources/方法论/颜色体系研究.md

@@ -0,0 +1,295 @@
+---
+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*