diff --git a/wiki/Resources/方法论/颜色体系研究.md b/wiki/Resources/方法论/颜色体系研究.md new file mode 100755 index 0000000..18a53fd --- /dev/null +++ b/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*