萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

色彩科學入門:RGB/CMYK/LAB/HSB 模式原理與設計實戰應用

色彩是設計的語言,色彩模式是語言的語法。不懂色彩原理的設計師,如同不懂語法的作家。本文從物理光學、生理視覺、數學建模三個維度,系統講解 RGB、CMYK、HSB、LAB 四大色彩模式的本質差異、轉換邏輯與設計實戰決策指南。

一、物理光學基礎:光色與顏料色的本質分野

加色混合 (Additive Mixing) — 光的邏輯

  • 原理:光波疊加,能量相加,越混越亮
  • 三基色:Red (R)、Green (G)、Blue (B) — 人視錐細胞峰值敏感波長對應
  • 二次色:R+G=Yellow、G+B=Cyan、B+R=Magenta
  • 全疊加:R+G+B=White (白光)
  • 互補關係:R↔C、G↔M、B↔Y (相加得白)
  • 應用設備:顯示器、投影儀、LED 螢幕、手機屏 — 發光體

減色混合 (Subtractive Mixing) — 顏料/油墨的邏輯

  • 原理:物質吸收特定波長光,反射其餘光,能量相減,越混越暗
  • 三基色 (顏料三原色):Cyan (C)、Magenta (M)、Yellow (Y) — 分別吸收 R、G、B
  • 二次色:C+M=Blue、M+Y=Red、Y+C=Green (即 RGB)
  • 全疊加:C+M+Y ≈ 黑 (實際為髒污深褐,需補 K)
  • 應用設備:印刷機、噴墨打印機、繪畫顏料 — 反射體

關鍵認知:RGB 與 CMY 互為補色,色域關係

  • RGB 色域 > CMYK 色域 (螢幕顏色比印刷顏色更鮮豔、範圍更廣)
  • 色域外顏色 (Out of Gamut) 在轉換時會被壓縮/映射,導致色彩失真
  • 設計原則:RGB 做設計、CMYK 做印刷、LAB 做色彩運算、HSB 做直觀調色

二、四大色彩模式深度解析

模式通道結構數值範圍核心優勢核心局限主戰場
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 色板設計、配色方案制定、色彩風格指南、程式碼定義色值

三、HSB 三屬性深度解析 (設計師最直觀的調色語言)

  • 色相 Hue (0-360°):色環位置。紅 0°、黃 60°、綠 120°、青 180°、藍 240°、品 300°。調整 H = 換顏色
  • 飽和度 Saturation (0-100%):純度/彩度。0% = 純灰階,100% = 純譜色。調整 S = 改變色彩濃度
  • 明度 Brightness (0-100%):明亮程度。0% = 純黑,100% = 最亮 (非純白,取決於 S)。調整 B = 改變明暗
  • 對比度:非 HSB 參數,指像素間明度/色差。高對比 = 黑白分明/色塊分離;低對比 = 灰霧/和諧

四、實戰決策指南:什麼時候用什麼模式?

場景決策樹

專案開始
├─ 輸出目標 = 螢幕 (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

色彩管理鐵三角

  1. 螢幕校色:色度儀 (X-Rite i1Display/Calibrite) 每月校準,目標 D65/120cd/m²/Gamma 2.2
  2. 軟打樣:PS View > Proof Colors (Ctrl+Y) 實時模擬印刷輸出
  3. ICC 配置檔鏈路完整:相機/掃描仪 → 工作空間 (Adobe RGB/ProPhoto RGB) → 輸出配置檔 (sRGB/Japan Color 2001 Coated/GRACoL)

五、進階話題:色彩查找 (LUT) 與 3D LUT

參考文章 20828:PS CS6+「顏色查找」調整圖層載入 `.3dl`/`.cube`/`.look` 3D LUT 文件,實現電影級調色遷移。本質是 3D 空間 (RGB/CMYK/LAB) 的查表映射,比曲線/色階更強大、更可復現、更易分享。

色彩科學雖深奧,但設計師只需掌握「四模式本質差異、兩套混合邏輯、一套決策流程、三角管理鏈路」,即可在 95% 商業項目中游刃有餘。願你筆下色彩,既科學精準,又藝術動人。

copyright © 萬盛學電腦網 all rights reserved