1. CMYK(印刷場景)
例子:某出版社設計書籍封面時,使用 Adobe Illustrator 繪制圖案。
- 紅色封面的 CMYK 值可能為:
C=0, M=100, Y=100, K=0
(通過洋紅和黃色油墨混合呈現紅色)。 - 印刷前需將設計文件轉為 CMYK 模式,確保印刷廠的四色印刷機(青、洋紅、黃、黑油墨)能準確還原顏色。
- 避免誤區:若直接使用 RGB 紅色(
R=255, G=0, B=0
),印刷時可能因色域不匹配導致顏色偏暗。
2. HSV(圖像編輯軟件)
例子:在 Photoshop 中調整一朵花的顏色:
- 原顏色(HSV):
H=30°(橙色), S=80%, V=90%
。 - 想將花變為紫色:
- 調整 Hue(色調) 至
270°
(紫色區域), - 保持 Saturation(飽和度) 不變,
- 調整 Value(明度) 至
80%
使顏色稍暗。
- 調整 Hue(色調) 至
- 最終得到
H=270°, S=80%, V=80%
的深紫色,比直接調整 RGB 數值更直觀。
3. HSL(UI 設計中的顏色選擇器)
例子:在 Figma 中設計按鈕顏色:
- 使用 HSL 模式選擇淺藍色:
H=200°(偏向青色的藍), S=60%(不刺眼的純度), L=70%(明亮但不蒼白)
。
- 調整亮度(L)到
50%
,得到更深的藍色,適合禁用狀態的按鈕。 - 相比 RGB,HSL 更易通過“色調滑動條”快速切換顏色傾向。
4. Lab(跨設備顏色校準)
例子:某攝影師將修圖后的照片從電腦屏幕(RGB)輸出到印刷品(CMYK):
- 先將圖像轉為 Lab 模式,確保顏色在轉換過程中符合人眼視覺感知。
- 通過校準設備(如愛色麗色卡)測量 Lab 值,確保屏幕顯示的紅色(Lab: L=50, a=60, b=20)在印刷時通過 CMYK 油墨盡可能接近。
- 避免因設備差異導致的顏色失真(如屏幕上的鮮艷紅色印成暗紅色)。
5. Grayscale(圖像處理算法)
例子:使用 OpenCV 進行人臉檢測:
- 輸入彩色圖像后,先轉換為灰度圖(單通道數組):
import cv2 img = cv2.imread('face.jpg') gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY) # 轉為灰度圖
- 灰度圖去除顏色干擾,減少計算量,使邊緣檢測(如 Canny 算法)和 Haar 特征提取更高效。
6. HEX(網頁設計)
例子:在 CSS 中定義網頁背景色和文字顏色:
body {background-color: #F0F8FF; /* HEX 淡藍色,對應 RGB(240, 248, 255) */color: #333333; /* 深灰色,降低視覺疲勞 */
}
- 前端開發中,直接復制 HEX 碼即可跨瀏覽器兼容,無需記住 RGB 數值。
- 擴展:帶透明度的 HEX(如
#FF000080
表示 50% 透明的紅色)。
7. YUV(視頻壓縮)
例子:手機拍攝視頻時,H.264 編碼自動將 RGB 轉為 YUV 格式:
- 亮度信號(Y)保留圖像的明暗信息(占大部分數據),
- 色差信號(U/Cb、V/Cr)保留顏色信息(可壓縮更多)。
- 例如,一段視頻的 YUV 數據中,Y 分辨率為 1920×1080,U/Cb 和 V/Cr 分辨率可降為 960×540,大幅減少文件大小,同時人眼難以察覺顏色損失。
8. Pantone(品牌色卡)
例子:某品牌 logo 規定使用 Pantone 2945 C(一種深藍色):
- 設計師在設計手冊中注明:“印刷時請使用 Pantone 2945 C 專色油墨,避免通過 CMYK 混合(可能偏紫)”。
- 印刷廠通過 Pantone 色卡匹配油墨,確保無論在紙張、塑料還是金屬材質上,logo 顏色一致。
9. Alpha 通道(透明圖像)
例子:設計一個透明背景的圖標(.png 格式):
- 使用 GIMP 繪制圖標時,將背景層的 Alpha 通道設為 0(完全透明),圖標主體的 Alpha 通道設為 1(完全不透明)。
- 代碼中加載后,可疊加到任意背景上:
from PIL import Image icon = Image.open('icon.png').convert('RGBA') # 包含 Alpha 通道 background = Image.new('RGB', (800, 600), (255, 255, 255)) background.paste(icon, (100, 100), icon) # 第三個參數為 Alpha 蒙版
- 效果:圖標邊緣無白色鋸齒,自然融入背景。
總結:例子中的核心邏輯
- CMYK/ Pantone:圍繞“印刷”場景,強調油墨混合與專色匹配。
- HSV/HSL/ Lab:聚焦“設計與調色”,突出人類對顏色的直觀操作。
- Grayscale/ YUV:服務“技術處理”(如圖像處理、視頻壓縮),簡化數據或優化效率。
- HEX/ Alpha:針對“數字顯示與合成”,解決跨平臺兼容性和透明效果。
通過具體場景的例子,可以更清晰地理解不同顏色模式的設計初衷和適用場景~