W3C 的樸素裝置 CMYK 轉換會將每個油墨百分比與黑色結合，然後反轉結果以產生螢幕 RGB 值，這也是大多數瀏覽器式 CMYK 轉 RGB 預覽背後的公式，包括 CMYK To RGB 工具在內。單一通道的算術相當直接：1 減去 1 與（colorInk 乘以（1 減去黑色）再加上黑色）兩者中的最小值，再乘以 255 並四捨五入。掌握這個規則後，你就能預測其端點行為：全面無油墨時回傳白色 (255, 255, 255)，僅有全黑時回傳黑色 (0, 0, 0)，而 100% 洋紅加上 100% 黃且無青色或黑色時回傳紅色 (255, 0, 0)。其輸出是一種近似值，並非感知檔轉換，因此最適合用於快速模擬、調色盤比較，以及驗證未校準的 CMYK 配方在一般 sRGB 顯示器上可能的呈現效果。實際印刷工作仍需要 ICC 描述檔、渲染意圖與實體打樣。

cmyk to rgb tips and common mistakes
CMYK 轉 RGB：避免常見轉換錯誤的技巧

樸素 CMYK 轉 RGB 公式的實際運作方式

W3C CSS Color 規範 中所記載的樸素轉換會將 CMYK 百分比視為裝置值，並回傳螢幕上的近似結果。青色、洋紅、黃色與黑色這四個輸入會先各自正規化為介於 0 到 1 之間的數值，其中 100% 變為 1.0，0% 變為 0.0。紅、綠、藍三個輸出通道的公式採用相同結構，但每個通道會從配方中對應的油墨取值作為其 colorInk。

白話來說，通道公式如下：

1 減去 min(1, colorInk 乘以（1 減去黑色）再加上黑色）

該運算式接著會乘以 255，並使用「四捨六入五成雙」的銀行家進位法序列化為 8 位元整數，使知名的 firebrick 參考值能對應到規範所記載的十六進位代碼。CMYK To RGB 工具在你的瀏覽器中完整實作了這個方法，因此其結果快速且可預期，但未經校準。由於該公式在結構上具對稱性，預測特定配方的結果比看起來更為容易。只要你能心算一個油墨相對於其他油墨的運算結果，就能在不重新推導的情況下檢驗工具的輸出是否合理。

從 CMYK 取得實用螢幕預覽的技巧

瀏覽器預覽的功用有限，下列技巧能讓它在以配方為唯一準據時保持實用而不至於誤導。

  • 同時保留原始的 CMYK 百分比與 RGB 或十六進位輸出。螢幕上的數值僅供排版與模擬使用，四個油墨值才是印刷機實際採用的數值，一旦作品離開螢幕，你仍會需要它們。
  • 只在公式運算完成後才進行四捨五入。工具會在整數化步驟套用銀行家進位。如果你自行將 CMYK 百分比先四捨五入為整數再輸入，就會疊加第二層進位，可能使某個通道偏移 1 並改變一個十六進位位數。
  • 將十六進位值視為 sRGB 的近似值。瀏覽器與大多數消費級顯示器皆預期接收 sRGB 輸入。直接把工具輸出的十六進位值貼入 CSS 雖然會呈現與工具相同的色塊，但無法與校準過的印刷品對應。
  • 使用預覽來比較兩個配方，而非從零挑選其中之一。由於同一公式會套用於兩個配方，樸素轉換能良好地保留配方間的相對差異，但它並不適合作為從未描述檔目標中進行絕對選色的工具。
  • 在信任自訂配方前先確認端點行為。輸入全零以驗證白色、全 100 以驗證黑色，以及 100/100/0/0 以驗證紅色。若結果未如預期，那麼在產生顏色問題之前，你的工作流程已經出了問題。

這些習慣能讓預覽作為快速檢查的實用工具，而不會在更長的生產流程中悄悄成為錯誤的來源。

如何在瀏覽器中將 CMYK 轉換為 RGB

  1. 開啟 CMYK To RGB 工具，將青色、洋紅、黃色與黑色輸入設定為你想預覽的百分比。每個輸入欄位接受 0 到 100 之間的數值。
  2. 當你調整任何滑桿或欄位時，留意色塊、8 位元紅綠藍通道值，以及六位數十六進位值的更新情況。
  3. 將 RGB 三元組或十六進位代碼複製到你的模擬稿、調色盤文件或 CSS 中，作為僅供螢幕使用的交付物。
  4. 在專案筆記中記錄原始的 CMYK 百分比，避免當僅存螢幕預覽時遺失可印刷的數值。
  5. 當作品從螢幕轉移到紙本時，將 CMYK 數值交給印刷廠，或在支援描述檔的應用程式中開啟。

此轉換在瀏覽器本地執行，因此四個百分比與產生的色塊皆不會上傳到任何地方。當配方屬於機密或受 NDA 保護時，這項細節格外重要。

常見導致色彩失準的錯誤

大多數的轉換錯誤在公式執行之前就已經發生。下表將每個常見錯誤與其可見症狀及更安全的做法並列對照。

常見錯誤出了什麼問題正確做法
將瀏覽器預覽視為印刷打樣印刷機使用不同的 CMYK 色域，印出的色塊會明顯偏離螢幕僅將預覽用於模擬，並向印刷廠要求校準過的打樣
將未校準的 RGB 與 sRGB 目標進行比較兩位檢視者會因為顯示器描述檔不同而看到略為不同的色彩使用預覽來比較配方彼此之間的差異，而非對照絕對色彩目標
對 CMYK 百分比進行兩次四捨五入多餘的進位會使某個通道偏移幾個點，導致十六進位代碼改變一個位數直接輸入配方的精確百分比，讓工具套用其單一進位步驟
在轉換後丟棄 CMYK 數值團隊最終只留下螢幕十六進位值，無法還原印刷配方在專案筆記中同時保留 CMYK 百分比與 RGB 或十六進位值
將支援描述檔的螢幕擷圖載入樸素工具工具會忽略 ICC 描述檔並回傳自身的近似值，原始意圖因而流失凡是附帶 ICC 描述檔所創作的內容，皆應留在支援描述檔的軟體中處理

這五項涵蓋了我們最常見的工作流程陷阱。貫穿其中的主軸是：樸素公式只有在配方本身即為唯一準據時，才能提供忠實的預覽；任何 ICC 描述檔、顯示器校準或實體印刷限制，皆落在該轉換的範疇之外。

實作範例：預測紅色端點

CMYK To RGB 工具透過其端點揭示了背後的算術，因此只要一個實作範例，便足以為其餘的直覺打下基礎。以配方 C=0、M=100、Y=100、K=0 為例，亦即工具記載中會產生紅色的全洋紅加全黃組合。

將黑色為零代入通道公式：

紅色通道以青色作為其 colorInk，因此 1 減去 min(1, 0 乘以（1 減去 0）再加上 0) 等於 1，換算後為 255。 綠色通道以洋紅作為其 colorInk，因此 1 減去 min(1, 1 乘以（1 減去 0）再加上 0) 等於 0，換算後為 0。 藍色通道以黃色作為其 colorInk，因此 1 減去 min(1, 1 乘以（1 減去 0）再加上 0) 等於 0，換算後為 0。

工具會回傳 RGB (255, 0, 0) 與十六進位值 FF0000。相同的端點行為也適用於工具測試案例所涵蓋的 firebrick 參考情境。這類快速檢查是在你信任工具處理重要配方之前，最簡便的驗證方式。

瀏覽器工具不適用的情境

在某些情況下根本不該使用樸素近似法。若色彩配方是由支援描述檔的應用程式所產生，或附帶嵌入的 ICC 描述檔，任何忽略描述檔的轉換都會產生偏差。支援描述檔的軟體會考量來源 CMYK 色域、目標 RGB 色域、渲染意圖、油墨組以及輸出裝置。CMYK To RGB 工具採用的是 CSS Color 工作草案中所描述的 W3C 樸素回退機制，因此無法處理上述任何參數，並刻意標示為近似值。

凡是涉及合約、審核或印刷檢查的工作，都應採用支援描述檔的工作流程。印刷打樣、品牌色彩目標、包裝色彩，以及任何須經客戶簽核的交付物，皆需要校準過的工具與實體打樣。瀏覽器預覽適用於排版、模擬與粗略的調色盤比較；但在合約要求色彩必須準確無誤的情境下，它便不再適用。

交付印刷前的簡短工作流程檢查清單

在將檔案送往印刷之前，請逐一檢視這份簡短清單，以確保樸素預覽沒有取代印刷廠所需的數值。

  • 確認檔案中仍保留 CMYK 百分比。螢幕上的十六進位值僅供預覽，無法取代；印刷配方才是油墨室實際調配的依據。
  • 向印刷廠確認其預期的輸出描述檔。不同的印刷機與油墨組表現各異，正確的描述檔極少是軟體的預設值。
  • 在實際使用的紙張上進行實體打樣。背光螢幕無法判讀網點擴大、油墨吸收或紙張色偏。
  • 將原始配方與任何 RGB 匯出檔一同封存。未來修訂時應能從中還原出可印刷的數值，而無須從色塊重新推導。
  • 瀏覽器工具僅用於排版與調色盤決策。將其視為草圖而非合約，任何涉及色彩關鍵性的步驟皆應交由支援描述檔的軟體處理。

若想進一步了解該公式的背景及其失效情境，《CMYK 轉 RGB 完全解析：公式及其限制》指南會逐步說明相同的算術與近似處理的原因，並可與上述工作流程搭配閱讀。

若想深入探討，請參閱《調色盤產生器技巧與應避免的常見錯誤》。