在 macOS 上,把 CMYK 轉換成 RGB 並不需要打開 Photoshop 或任何付費的桌面應用程式——W3C 的樸素裝置 CMYK 公式讓一個瀏覽器工具,可以從四個青色、洋紅色、黃色和黑色百分比滑桿,回傳一個近似的螢幕 RGB 三元組和一個六位數十六進位值,所有運算都在本機執行,不需要上傳任何資料。macOS 本身已內建具備色彩感知功能的工具,例如「預覽程式」和 ColorSync Utility,但這些工具是圍繞 ICC 設定檔與內嵌於文件中的色彩所設計,而不是直接處理來自印刷機或品牌手冊的原始 CMYK 油墨百分比。這個落差正是快速瀏覽器預覽工具所要補上的:貼上四個百分比,讀出紅、綠、藍色通道的結果,然後直接把十六進位色碼複製到螢幕版面中。每位 Mac 設計師都應該記住的一個關鍵,是 W3C 樸素計算只是一個未經校色的近似值,而非印刷打樣,因此任何要送往印刷機的成品,都必須透過支援設定檔的應用程式來回轉換一次。

cmyk to rgb on mac
在 Mac 上將 CMYK 轉 RGB:無需色彩設定檔的預覽方式

為什麼 Mac 設計師會選擇快速的 CMYK 轉 RGB 預覽工具

在 macOS 上,許多與印刷相關的工作往往都從同一個場景開始:有人寄來一份 CMYK 色譜——例如從品牌手冊或印刷機的印刷單中拉出的特定色值——然後要求快速產生一個螢幕版本。Photoshop、Illustrator 和 Affinity Photo 都能透過它們的色彩管理模組來完成,但它們要求提供目的地設定檔,有時還需要一份未必隨手可得的印刷機 ICC 設定檔。Apple 預設的影像檢視器「預覽程式」可以打開 CMYK 的 TIFF 檔,但只會把文件的色彩空間壓平到顯示器的設定檔,而不會顯示這次轉換的細節。

當你只需要一個近似值時,W3C 的樸素裝置 CMYK 公式正好可以填補這個落差。它接收四個油墨百分比,套用一個單一的封閉式計算,然後回傳一個 8 位元 RGB 三元組和一個六位數十六進位色碼。這已足以用來製作網站主視覺的版面、檢查品牌色與線框稿的搭配,或是把色值貼到 CSS 檔案中。它並不能取代軟打樣,而本文後續會非常明確地強調這個區別。

macOS 內建會接觸到 CMYK 與 RGB 的工具

macOS 內建兩個設計師在跨色彩空間工作時經常優先嘗試的工具。

預覽程式可以打開 CMYK 影像並匯出為 RGB,但它並不開放讓你控制這次轉換。選擇「檔案 > 匯出」並從支援 RGB 的預設集中挑選 PNG 或 JPEG,會透過顯示器的設定檔自動觸發一次轉換。輸出的檔案在螢幕上使用是正確的,但應用程式本身並不會顯示十六進位色碼或各通道的細項數值。你可以用放大鏡式的選取工具讀取像素值,但這只能在影像已經被重新算繪之後才讀得到。

ColorSync Utility位於「應用程式 > 工具程式」中,是兩者中功能較強的一個。它的設定檔轉換工作流程,可以讓你在具名設定檔之間推送顏色,並顯示一個小型預覽。但它是圍繞 ICC 設定檔所建構,因此它需要的是內嵌的設定檔或選擇好的來源設定檔,而不是四個原始的 CMYK 百分比。如果你手邊有印刷機提供的來源設定檔,這才是正確的工具;如果只有百分比,它就無法自行完成計算。

這兩個工具都很有用,但這些工具都無法取代一個輕量級、只要輸入四個數字就能回傳一個十六進位色碼的瀏覽器預覽工具。

在你的 Mac 上透過瀏覽器執行 CMYK 轉 RGB

如果要進行無設定檔的預覽,在任何 Mac 上最快速的做法,就是在 Safari、Chrome 或 Firefox 中執行 CMYK To RGB 工具。這個工具實作了 W3C 的樸素裝置 CMYK 回退機制,因此其運算結果會與 CSS Color Level 4 規範所定義的結果一致。以下是操作流程。

  1. 在你的 Mac 瀏覽器中打開 CMYK To RGB。頁面會載入四個百分比滑桿和一個色塊面板。
  2. 將青色、洋紅色、黃色和黑色滑桿調整到印刷色譜中的對應數值。每個滑桿接受 0 到 100 的百分比。
  3. 在滑桿調整的過程中,讀取 8 位元的紅、綠、藍色通道數值。十六進位色碼會在每次調整時更新,因此你可以隨時複製當下的色碼。
  4. 把十六進位色碼貼到你的設計工具、CSS 檔案或 Slack 訊息中。滑桿旁的色塊會即時顯示螢幕上的近似結果。
  5. 若想了解定義此回退機制的底層規範,W3C 的 CSS Color Level 4 草稿已發布於 css-color-4 device-CMYK。

由於四個滑桿、色塊和通道讀數都運行在頁面內部,因此不會有任何資料被上傳到伺服器。你所輸入的百分比數值會一直留在你的瀏覽器分頁中。

W3C 樸素公式如何把油墨映射到螢幕

CSS Color Level 4 中的樸素裝置 CMYK 公式,把每一個油墨視為一個百分比,從白色中扣除,接著把黑色通道折疊進結果。對每一個顯示通道來說,公式如下:

channel = 1 − min(1, ink × (1 − black) + black)

其中「ink」是介於 0 到 1 之間、已歸一化的青色、洋紅色或黃色值,而「black」是介於 0 到 1 之間、已歸一化的 K 值。計算結果接著會透過半偶數捨入,縮放為 0 到 255 的範圍。

一個實際算例:取 C = 20%,M = 80%,Y = 0%,K = 10%。青色油墨會送入紅色通道:

red = 1 − min(1, 0.20 × (1 − 0.10) + 0.10)= 1 − min(1, 0.18 + 0.10)= 1 − 0.28= 0.72 → 0.72 × 255 = 183.6 → 184

洋紅色油墨會送入綠色通道:

green = 1 − min(1, 0.80 × (1 − 0.10) + 0.10)= 1 − min(1, 0.72 + 0.10)= 1 − 0.82= 0.18 → 0.18 × 255 = 45.9 → 46

黃色油墨會送入藍色通道:

blue = 1 − min(1, 0 × (1 − 0.10) + 0.10)= 1 − min(1, 0 + 0.10)= 1 − 0.10= 0.90 → 0.90 × 255 = 229.5 → 230

工具會回傳 rgb(184, 46, 230),也就是 #B82EE6。CMYK to RGB Explained: The Formula and Its Limits 這份指南會帶你走過更多色譜和邊界情況。

從同一條公式中,可以直接推得幾個可預期的端點:

CMYK 輸入RGB 輸出十六進位
0, 0, 0, 0255, 255, 255#FFFFFF
0, 0, 0, 1000, 0, 0#000000
0, 100, 100, 0255, 0, 0#FF0000
100, 0, 100, 00, 255, 0#00FF00
100, 100, 0, 00, 0, 255#0000FF

這些是 W3C 規範中常見的基本端點,也印證了此公式的基本行為。然而,在這些端點之外,真實世界的 CMYK 是依裝置而定的。

什麼時候支援設定檔的應用程式是唯一安全的選擇

這條樸素公式假設的是一台理想化的印刷機和一個通用的 sRGB 風格顯示器。實務上,CMYK 的複製結果會取決於印刷機、油墨組、紙張、網點擴大、轉譯意圖,以及文件內嵌或印刷機所提供的 ICC 設定檔。兩台使用相同百分比的印刷機,可能會印出肉眼可辨的差異;而一台已校色的顯示器,若沒有實體打樣,也不會與其中任何一台吻合。

Adobe 關於支援設定檔之轉換的文件對此有詳細說明,並建議對於任何接近合約打樣或印刷合約的工作,都要使用來源與目的地設定檔的配對。在印刷精度方面,正確的 macOS 工作流程是:向印刷機索取他們預期的輸出 ICC 設定檔,在 Photoshop、Illustrator 或 Affinity Photo 等支援設定檔的應用程式中打開文件,指定來源設定檔或保留已內嵌的設定檔,以選定的轉譯意圖轉換到目的地設定檔,然後在已校色的顯示器上核准一份實體打樣。

瀏覽器預覽工具刻意與這個工作流程保持分離。它不會載入 ICC 設定檔,而該頁面也明確警告不要把結果當作印刷打樣。它適合用於介面版面、粗略的色票比較,以及快速檢視一個未經校色的 CMYK 色譜在 sRGB 風格顯示器上可能的樣貌——之後,任何要送往印刷機的東西,都應該回到支援設定檔的應用程式中處理。

如果你正在權衡各種選項,Hex to RGB Examples: Common Codes and Channel Values 對此有更詳細的說明。