W3C 的 CMYK 轉 RGB 樸素公式使用方程式 channel = 255 × (1 − min(1, ink × (1 − K) + K))，將四個油墨百分比轉換為單一螢幕顏色，其中 ink 在紅色頻道代表青色、綠色頻道代表洋紅色、藍色頻道代表黃色。這個公式的瀏覽器實作讓設計師、行銷人員和開發人員無需安裝軟體，就能將 CMYK 配方預覽為 8 位元的 RGB 三元組、六位數十六進位值，以及視覺色塊。這涵蓋了 CMYK 轉 RGB 轉 Pantone 工作流程的第一段——將製程油墨百分比轉換為最接近的樸素螢幕近似值。Pantone 專色則再往前一步：它是一個專有的配色系統，以實體色票本與授權軟體為後盾；若要與瀏覽器預覽工具搭配使用，最乾淨的方式是查詢 Pantone 色票中公布的 CMYK 配方，然後將這四個數字代入計算器執行。準確知道近似值的界線在哪裡、Pantone 又在哪裡需要使用自己的工具，是讓螢幕與印刷團隊工作流程保持誠實的關鍵。

cmyk to rgb to pantone
CMYK 轉 RGB 轉 Pantone：實用的色彩工作流程

「CMYK 轉 RGB 轉 Pantone」每個環節的實際作用

CMYK 轉 RGB 轉 Pantone 工作流程涵蓋三個不同的色彩領域，各有其專屬任務。CMYK 以四個百分比（青色、洋紅色、黃色和黑色）描述製程印刷，由印刷機以油墨點的形式混印於紙張上。RGB 描述的是發光顯示器，使用三個 8 位元頻道（紅、綠、藍），在螢幕上以加法方式混合。Pantone（常縮寫為 PMS，即 Pantone Matching System）則以英數字代號（例如「Pantone 185 C」）描述專色，由印刷機以預先混好的油墨而非四色疊印方式重現。

這三種體系在任何嚴格的數學意義上都無法互換：

  • CMYK 是裝置相依——印刷機、油墨組、紙張、網點擴大和渲染意圖都會改變印刷結果。
  • RGB 也是裝置相依——每台顯示器和手機螢幕都有各自的色域、白點和亮度。
  • Pantone 是以實體參考書與授權資料庫為核心的配方系統，每個代號對應單一固定目標。

因此，「CMYK 轉 RGB 轉 Pantone」在瀏覽器情境中的務實解讀是兩階段查詢：將 CMYK 百分比輸入計算器以預覽螢幕顏色，再將 Pantone 代號與 Pantone 色票中印製的 CMYK 配方相互對照。這種區隔正是本文所建立的基礎，也是為何單一的瀏覽器工具無法誠實地同時輸出三者的原因。

如何將 CMYK 轉換為 RGB 並驗證近似 Pantone 的結果

CMYK 轉 RGB 轉 Pantone 工作流程中的瀏覽器步驟之所以快速，是因為它只執行一項任務。CMYK 轉 RGB 工具會讀取四個百分比滑桿，套用 W3C 樸素公式，並將結果顯示在螢幕上。完整步驟如下。

  1. 在瀏覽器中開啟 CMYK 轉 RGB 工具，確保四個滑桿與即時色塊皆可見。
  2. 將青色、洋紅色、黃色和黑色設定為您要預覽的百分比——可來自 Pantone 色票、印刷廠的配方，或您自己的設計稿。
  3. 讀取紅色、綠色和藍色頻道（每個介於 0 到 255 之間）以及頁面上色塊旁顯示的六字元十六進位值。
  4. 將十六進位代碼或 RGB 三元組複製到您的螢幕模型稿、CSS 檔案、電子郵件設計或簡報中。
  5. 在任何交接文件中將此色塊標示為「近似螢幕預覽」，避免下一位接手的人誤將其視為 Pantone 對應色或印刷目標色。

針對 Pantone，您可以反向操作此工作流程：開啟 Pantone 色票（或設計工具中的 Pantone 資料庫），為您已有的 CMYK 配方找出最接近的 Pantone 代號，再以瀏覽器預覽中的螢幕 RGB 或十六進位值與螢幕設計師溝通意圖。瀏覽器負責螢幕端的數學計算；Pantone 色票負責專色的辨識。跳過 Pantone 色票是這類工作流程產生錯誤色塊的最常見原因。

範例計算（C = 0%、M = 100%、Y = 100%、K = 0%）：

  • 紅色頻道 = 255 × (1 − min(1, C × (1 − K) + K)) = 255 × (1 − min(1, 0 × 1 + 0)) = 255 × 1 = 255
  • 綠色頻道 = 255 × (1 − min(1, M × (1 − K) + K)) = 255 × (1 − min(1, 1 × 1 + 0)) = 255 × 0 = 0
  • 藍色頻道 = 255 × (1 − min(1, Y × (1 − K) + K)) = 255 × (1 − min(1, 1 × 1 + 0)) = 255 × 0 = 0

此工具對此精確組合的記錄端點為 rgb(255, 0, 0)——亮螢幕紅色，以 #FF0000 表示。任何遵循 W3C 回退機制的樸素計算器對此輸入都應給出相同答案。

瀏覽器 CMYK 轉 RGB 工具在 Pantone 工作流程中的定位

瀏覽器 CMYK 轉 RGB 近似值在您需要執行 Pantone 色票本身無法處理的工作時最為實用——將四個 CMYK 數字即時轉換為螢幕顏色。以下任務特別適合使用此工具。

  • 根據印刷配方繪製 UI、網頁模型稿或社群媒體圖卡，無需開啟支援色彩描述檔的設計工具。
  • 在早期討論中，向同事展示 Pantone 衍生 CMYK 配方的大致螢幕對應色。
  • 在任何人承諾進行實體打樣之前，先判斷印刷色塊與螢幕色塊是否會產生視覺衝突。
  • 在最終 Pantone 選擇仍與印刷廠協商中時，快速取得電子郵件或簡報用的十六進位代碼。

同一工具不適合也不應用於以下任務。

  • 將任意 Pantone 代號轉換為 CMYK——此方向的真相來源是 Pantone 色票或 Pantone 授權資料庫。
  • 從螢幕上挑選的任意 RGB 顏色產生可上機印刷的 CMYK 配方。
  • 針對合約簽核驗證品牌色是否符合 Pantone 標準。

對於這些任務，誠實的做法是使用 Pantone 授權資料庫或以 W3C 裝置 CMYK 參考資料 為後盾、結合印刷機輸出描述檔的色彩描述檔感知轉換器。瀏覽器近似值僅作為快速溝通的輔助，絕非替代方案。

樸素公式在專色上的限制

因素 實際印刷中的變化 對樸素 RGB 預覽的影響
網點擴大 油墨被紙張吸收，中間調印得更深 瀏覽器將油墨百分比視為未發生任何擴大
油墨組 不同製造商產生不同的彩度 瀏覽器假設為單一中性油墨組
紙張類型 塗佈紙與非塗佈紙吸收油墨的方式不同 瀏覽器完全忽略紙張
渲染意圖 感知式、相對色度或絕對色度對應 瀏覽器未套用任何渲染意圖——僅使用公式
Pantone 專色油墨 預混油墨位於 CMYK 色域之外 瀏覽器僅能顯示已公布的 CMYK 近似值

樸素公式是一個刻意簡化的回退方案。它假設一台理想的 CMYK 裝置，其頻道彼此獨立、黑色版以線性方式從彩色油墨中扣除，接著反轉各頻道並以半偶數捨入縮放至 0–255，以符合 W3C 的 firebrick 範例。實際印刷機並非如此運作，而發布此公式的 W3C CSS Color 4 工作草案亦明確將其標示為「樸素」，並建議在結果至關重要的情境下使用支援 ICC 色彩描述檔的轉換。

Pantone 顏色讓這項落差格外明顯，因為其中許多顏色刻意位於 CMYK 色域之外。像 Pantone 802（螢光綠）這類高彩度的 Pantone 根本無法以 CMYK 重現，因此將 Pantone 色票中的「最佳 CMYK 近似值」代入樸素公式，僅能得到該專色的粗略螢幕提示，而非專色本身。CMYK 與 Pantone 之間的彩度落差越大，螢幕上的可見差異就越明顯。

何時應改用具校準的工作流程

專案階段 瀏覽器 CMYK 轉 RGB 支援色彩描述檔的軟體
早期模型稿、內部討論 快速且足夠使用 殺雞用牛刀
從印刷配方挑選螢幕顏色 合理的起點 更適合最終挑選
Pantone 替代方案的簽核 不可接受 必要
印刷打樣核准 不可接受 必要
最終交付印刷廠 不可接受 必要，且需使用印刷廠的 ICC 描述檔

凡是螢幕預覽將驅動印刷決策時，採用具校準、支援色彩描述檔的工作流程才是正解。一般程序為：取得印刷機的 CMYK 輸出描述檔（通常為 ICC 檔案）、在 Photoshop 或 Illustrator 中將該描述檔指派給您的設計檔、於已校準的顯示器上進行軟打樣，並在簽核前產出實體打樣。Pantone 辨識屬於此工作流程的一環，而非額外附加——您在簽核之際，將 Pantone 色票與所選的 CMYK 配方相互對照。

瀏覽器 CMYK 轉 RGB 近似值僅應在早期溝通階段作為快速覓點用途。一旦涉及 Pantone 與 CMYK 的替代、印刷打樣或印刷交付，討論便須轉向 ICC 描述檔、渲染意圖與實體打樣——而此時樸素的瀏覽器公式已不再是答案的一部分。

如需進一步了解公式本身，請參閱 CMYK 轉 RGB 詳解：公式與其限制，其中以更深入的方式逐頻道說明相同的數學推導。