品牌色彩規範轉換指南
如何確保品牌色在網頁、印刷、社群、App 上一致？品牌色彩從 HEX 到 CMYK 到 Pantone 的完整轉換策略。
為什麼品牌色需要多種格式？
一個品牌色會出現在不同的媒介上：
每種媒介使用不同的色彩系統，如果只定義一種格式，跨媒介時顏色必然走調。
品牌色規範應包含什麼？
| 格式 | 範例 | 用途 |
|---|---|---|
| HEX | #2596BE | 網頁 CSS |
| RGB | 37, 150, 190 | 螢幕設計 |
| CMYK | 81, 21, 0, 25 | 印刷品 |
| Pantone | 7461 C | 精確印刷 |
| HSL | 196, 67%, 45% | CSS 變體生成 |
| OKLCH | 0.63 0.11 227 | 現代 CSS 設計系統 |
轉換步驟
1. 從品牌主色出發
假設品牌色是 #2596BE（一個中等偏深的天藍色）。
2. 生成 RGB
HEX #2596BE → RGB(37, 150, 190)
這是無損轉換，完全精確。
3. 轉換 CMYK（注意色差！）
RGB → CMYK 是有損轉換。建議：
4. 找到對應的 Pantone
Pantone 是實體色票系統，無法用數學精確轉換。建議：
5. 生成色彩變體
用 OKLCH 色彩空間生成一致的明暗變體：