顏色模型詳細說明對照表

色彩模式對照表 # 顏色模型詳細說明對照表 | 顏色模型 | 全稱 (英文) | 全稱 (中文) | 說明與應用場景 | 數值範圍與表示方式 | 優點 | 缺點 | |---|---|---|---|---|---|---| | **RGB** | Red, Green, Blue | 紅、綠、藍 | **加色模型**。最常見的數位顯示顏色模型。透過不同強度的紅、綠、藍三種光混合產生顏色。 **應用:** 螢幕顯示 (電腦、電視、手機)、數位圖像、網頁設計、遊戲開發。 | **R, G, B:** 0-255 (整數) 或 0-1 (浮點數) 十六進制表示: #RRGGBB (例: #FFFFFF 為白色) | 直觀且易於理解，與硬體 (如像素) 直接對應。適用於發光顯示設備。 | 顏色感知不直觀 (例如難以從 RGB 值判斷顏色的「色相」或「亮度」)。 | | **CMYK** | Cyan, Magenta, Yellow, Key (Black) | 青、洋紅、黃、黑 (關鍵色) | **減色模型**。主要用於印刷。透過在紙張上疊加不同比例的青、洋紅、黃墨水，以及黑墨水來吸收光線，從而顯示顏色。黑色通常被稱為「Key Color」或「Black Ink」。 **應用:** 印刷、廣告牌、包裝設計。 | **C, M, Y, K:** 0-100% (百分比) | 適用於印刷流程，因為它模擬了油墨在紙張上混合的行為。 | 與螢幕顯示 (RGB) 轉換時可能存在色彩偏差，因為它們是不同的色彩空間。印刷結果受紙張和油墨影響大。 | | **HSL** | Hue, Saturation, Lightness | 色相、飽和度、亮度 | **基於人眼感知**的顏色模型。將顏色分解為三個容易理解的屬性： - **色相 (Hue):** 顏色種類 (如紅、綠、藍)，用角度表示。 - **飽和度 (Saturation):** 顏色的純度或強度，從灰度到純色。 - **亮度 (Lightness):** 顏色的明暗程度，從黑色到白色。 **應用:** 用戶介面設計、圖像編輯 (調整顏色時更直觀)、網頁開發。 | **H:** 0-360° (角度) **S:** 0-100% (百分比) **L:** 0-100% (百分比) | 更直觀、更符合人類對顏色的感知方式，便於調整和選擇顏色。例如，改變亮度而不改變色相。 | 在不同飽和度和亮度下，顏色的感知均勻性不佳 (例如，某些顏色的飽和度上限會隨著亮度變化)。 | | **HSV** | Hue, Saturation, Value (or Brightness) | 色相、飽和度、明度 (或亮度) | 另一個**基於人眼感知**的顏色模型，與 HSL 相似但對「亮度」的定義不同： - **色相 (Hue):** 顏色種類，用角度表示。 - **飽和度 (Saturation):** 顏色的純度或強度。 - **明度/值 (Value/Brightness):** 顏色的明亮程度，表示顏色的最大成分。V=0 始終是黑色。純色總是有 V=100%。 **應用:** 圖像處理軟體 (如 Photoshop 的顏色選擇器)、圖形設計。 | **H:** 0-360° (角度) **S:** 0-100% (百分比) **V:** 0-100% (百分比) | 適合於顏色選擇器，因為它允許從純色逐漸變暗或變灰。 | 與 HSL 類似，也存在感知均勻性的問題。在 V=100% 時，改變飽和度會導致亮度發生變化。 | | **HSLuv** | Hue, Saturation, Lightness (perceptually uniform) | 色相、飽和度、亮度 (感知均勻) | 一種**感知均勻**的 HSL 變體。它基於 CIELUV 色彩空間，設計目的是讓顏色在 HSLuv 空間中改變飽和度或亮度時，人眼感知到的變化是線性和均勻的。例如，從 HSLuv 亮度 0% 到 100%，會被感知為均勻的亮度變化。 **應用:** 數據可視化、用戶介面設計 (需要精確控制顏色感知時)、生成調色板。 | **H:** 0-360° (角度) **S:** 0-100% (百分比，上限會因色相和亮度而異) **L:** 0-100% (百分比) | 解決了 HSL 和 HSV 的感知不均勻問題，使得顏色調整更符合直覺。在調整飽和度或亮度時，人眼會感知到更平滑、更一致的變化。 | 轉換計算相對複雜。由於其感知均勻性，某些色相和亮度組合下的最大飽和度會受到限制。 | | **CMS** | Color Management System | 色彩管理系統 | **一個廣泛的概念和技術框架**，而非單一顏色模型。CMS 的目標是確保顏色在從輸入設備 (掃描器、相機) 到顯示設備 (螢幕) 和輸出設備 (印表機) 的整個工作流程中保持一致和準確。它通過使用**色彩配置文件 (ICC Profile)** 來實現這一點，這些文件描述了特定設備的色彩空間。 **應用:** 專業攝影、印刷、影視後期製作、需要高精度顏色再現的任何工作流程。 | **概念性系統。** 不直接表示顏色，而是管理不同色彩空間之間的轉換。 | 確保跨設備的顏色一致性和準確性，減少「所見即所得」的問題。 | 實施和配置可能較複雜，需要對色彩空間和 ICC Profile 有一定了解。 | ## 🎨 色彩模式詳細說明 ### 🔴 RGB（Red, Green, Blue） - **原理**：加法混色模型，透過紅、綠、藍三個通道混合產生各種顏色。 - **數值範圍**：每個通道為 0–255 或 0.0–1.0（浮點表示）。 - **特性**： - 適合螢幕顯示與數位影像。 - 色彩直觀但不易調整色相與亮度。 - **應用場景**： - 網頁設計、UI、攝影、動畫、遊戲開發。 --- ### 🌈 HSL（Hue, Saturation, Lightness） - **原理**：將 RGB 轉換為色相（Hue）、飽和度（Saturation）、亮度（Lightness）。 - **數值範圍**： - Hue：0°–360° - Saturation & Lightness：0%–100% - **特性**： - 更易於控制色調與明暗。 - 飽和度與亮度分離，適合創意調色。 - **應用場景**： - UI 設計、動畫、色彩過渡、視覺調整。 --- ### 🌞 HSV（Hue, Saturation, Value） - **原理**：與 HSL 類似，但亮度定義為最大通道值（Value）。 - **數值範圍**： - Hue：0°–360° - Saturation & Value：0%–100% - **特性**： - 更貼近人眼對「亮度」的感知。 - 適合色彩選擇器與繪圖工具。 - **應用場景**： - 繪圖軟體、視覺設計、即時色彩調整。 --- ### 🖨 CMYK（Cyan, Magenta, Yellow, Key/Black） - **原理**：減法混色模型，主要用於印刷。 - **數值範圍**：每個通道為 0%–100% - **特性**： - 適合紙本輸出。 - 與 RGB 不可直接對應，需色彩轉換。 - **應用場景**： - 印刷、出版、包裝設計、標準色彩校正。 --- ### 🎯 HSLuv（Human-friendly HSL） - **原理**：基於 CIELUV 色彩空間，修正 HSL 在亮度與飽和度上的非線性問題。 - **數值範圍**： - Hue：0°–360° - Saturation & Lightness：0%–100% - **特性**： - 色彩變化更自然。 - 保持亮度一致性，避免色彩失真。 - **應用場景**： - 資料視覺化、科學圖表、色彩演算法、無障礙設計。 --- ### 🧩 CMS（Color Management System） - **原理**：色彩管理系統，用於跨設備色彩一致性（如 ICC profiles）。 - **表示方式**：常用 HEX（如 `#FF5050`）、Lab、XYZ 等。 - **特性**： - 支援色彩校正與設備間轉換。 - 保證色彩在不同顯示器或印刷設備上的一致性。 - **應用場景**： - 攝影後製、印刷校色、專業設計、顯示器校準。