色彩是設計的語言,色彩模式是語言的語法。不懂色彩原理的設計師,如同不懂語法的作家。本文從物理光學、生理視覺、數學建模三個維度,系統講解 RGB、CMYK、HSB、LAB 四大色彩模式的本質差異、轉換邏輯與設計實戰決策指南。
| 模式 | 通道結構 | 數值範圍 | 核心優勢 | 核心局限 | 主戰場 |
|---|---|---|---|---|---|
| RGB | R, G, B | 0-255 (8bit) 0-32768 (16bit) 0.0-1.0 (32bit) |
色域最廣、運算最快、檔案最小、螢幕原生 | 不可直印、設備相關色彩 | 螢幕設計、Web、UI、影片、3D渲染 |
| CMYK | C, M, Y, K | 0-100% (百分比) | 印刷原生、四色分版直接輸出 | 色域窄、設備相關、運算慢、檔案大、無法表達螢幕高飽和色 | 印刷設計、包裝、出版、大幅面噴繪 |
| LAB | L (Lightness), a (綠-紅), b (藍-黃) | L: 0-100 a/b: -128~+127 |
設備無關、符合人眼感知均勻性、亮度與色度分離、色彩運算最精準 | 非直觀、非顯示原生、非印刷原生、檔案大 | 專業色彩修正、跨設備色彩管理、色差計算、影像處理算法 |
| HSB/HSV | H (Hue), S (Saturation), B/V (Brightness/Value) | H: 0-360° S: 0-100% B/V: 0-100% |
符合人類直觀認知「顏色是什麼/多鮮豔/多亮」 | 非硬體原生、非標準交換格式、亮度定義有歧義 (HSL vs HSV) | UI 色板設計、配色方案制定、色彩風格指南、程式碼定義色值 |
專案開始
├─ 輸出目標 = 螢幕 (Web/App/Video/3D)
│ └─ 全程 RGB (sRGB/P3/Rec.2020 視設備)
│ ├─ 配色方案制定 → HSB 直觀調色 → 記錄 HEX/RGB 代碼
│ ├─ 圖像修圖/合成 → RGB (16bit 最佳)
│ └─ 最終導出 → sRGB ICC 嵌入
│
├─ 輸出目標 = 印刷 (海報/包裝/畫冊/名片)
│ ├─ 設計階段 → RGB (色域大、工具全、效能好)
│ │ ├─ 關鍵品牌色 → 先定 Pantone 專色 → 再反推 RGB/CMYK 近似值
│ │ └─ 圖像編輯 → RGB 16bit 完成所有調色/合成
│ ├─ 印前轉換 → Image > Mode > CMYK (僅最後一步)
│ │ ├─ 轉換前:View > Proof Setup > Custom → 選印刷廠 ICC → 模擬印刷色
│ │ ├─ 轉換後:檢查色域外警告 (View > Gamut Warning) → 手動修正關鍵色
│ │ └─ 四色黑/專色黑/文字黑 正確分配
│ └─ 交付 → PDF/X-1a + 分層 PSD + 規格書
│
└─ 輸出目標 = 跨媒體 (同素材同時上線上印)
└─ 主文件 RGB 16bit 主控
├─ Web 輸出分支:複製 → 8bit → sRGB → 導出
└─ Print 輸出分支:複製 → 模擬打樣 → CMYK 轉換 → 修正 → 導出 PDF/X
參考文章 20828:PS CS6+「顏色查找」調整圖層載入 `.3dl`/`.cube`/`.look` 3D LUT 文件,實現電影級調色遷移。本質是 3D 空間 (RGB/CMYK/LAB) 的查表映射,比曲線/色階更強大、更可復現、更易分享。
色彩科學雖深奧,但設計師只需掌握「四模式本質差異、兩套混合邏輯、一套決策流程、三角管理鏈路」,即可在 95% 商業項目中游刃有餘。願你筆下色彩,既科學精準,又藝術動人。