前言:色彩模式決定輸出命運
新手常犯錯:網頁圖用 CMYK 導致瀏覽器顯示錯誤(紅叉/色偏);印刷檔用 RGB 導致出貨色差巨大。理解四大模式本質與適用場景,是設計師的必修課。
1. 灰度模式 —— 純粹的亮度世界
- 本質:單通道,256 級灰階 (0 純黑 → 255 純白)
- 視覺:如黑白照片,無任何色相資訊
- 填充彩色:自動轉換為對應亮度灰階
- 適用:黑白攝影、線稿掃描、單色印刷、位圖模式前置、通道蒙版素材
2. 索引模式 —— 網頁 GIF 時代的產物
- 本質:單通道 + 色表 (最多 256 色),每像素存儲色表索引號而非直接色值
- 檔案格式:GIF、PNG-8 必須為索引模式
- 編輯限制:無法直接編輯像素色彩,必須轉回 RGB 模式
- 適用:簡單動圖、小圖標、極簡配色網頁元素(現代多用 PNG-24/SVG 替代)
3. RGB 模式 —— 螢幕顯示的原生語言
- 本質:三通道 (R/G/B),加色混合,光疊加越亮。每通道 8-bit → 24-bit 真彩色 (1670 萬色)
- 硬體對應:顯示器像素 (RGB 子像素)、相機感光元件 (Bayer 陣列 R/G/G/B)、人眼視錐細胞 (L/M/S 對應長/中/短波長 ≈ 紅/綠/藍)
- 適用:所有螢幕輸出:網頁、APP、投影、電視、社群媒體、數位相框…
- 工作建議:全程 RGB 編輯,最後輸出時依目的地轉換
顯示器 RGB 子像素排列
相機感光元件:Foveon X3 (左) vs Bayer CMOS (右)
4. CMYK 模式 —— 印刷油墨的物理現實
- 本質:四通道 (Cyan 青、Magenta 洋紅、Yellow 黃、Key 黑),減色混合,油墨疊加越暗
- 為何要 K?:CMY 三色疊加理論可得黑,實際因油墨純度不足只能得暗褐色,需專用黑墨強化暗調、加深陰影、節省彩墨成本
- 色域差異:CMYK 色域 ⊂ RGB 色域。高飽和藍綠/橙紅在 CMYK 無法重現,轉換時會壓縮色域
- 效能代價:4 通道運算量 > 3 通道;顯示器仍需實時轉 RGB 顯示,雙重轉換拖慢操作
- 適用:專業印刷輸出(畫冊、海報、包裝、名片…),且必須在最終輸出階段由專業人員依印刷機/紙張/油墨配置文件 (ICC Profile) 轉換
決策速查表
| 輸出目的地 | 工作模式 | 最終輸出/轉換 |
| 網頁、手機、螢幕、投影、社群媒體 | RGB (sRGB/Adobe RGB) | 保持 RGB,存儲為 JPEG/PNG/WebP (sRGB) |
| 專業印刷 (胶印/數碼印刷) | RGB 編輯 → 最後轉 CMYK | 依印廠提供 ICC Profile 轉換,附帶檢視分色版 |
| 桌面噴墨/雷射列印 | RGB | 驅動程式內部自動轉換,無需手動轉 CMYK |
| 黑白輸出/線稿/單色印刷 | 灰度 | 灰度模式輸出 |
| 極簡配色動圖/小圖標 (Legacy) | 索引 | GIF/PNG-8 輸出 |
核心心法
「編輯用 RGB,輸出看對象。印刷才轉 CMYK,且交給懂色彩管理的人。」
徹底理解色彩模式本質,您將擺脫「色偏、紅叉、印刷色差」的被動挨打局面,掌握從創作到輸出的色彩主動權!