在 macOS 上,把 CMYK 轉換成 RGB 並不需要打開 Photoshop 或任何付費的桌面應用程式——W3C 的簡易裝置 CMYK 公式能讓一個以瀏覽器為基礎的工具,根據四個青色、洋紅色、黃色和黑色百分比滑桿,回傳一個近似的螢幕 RGB 三元組和一個六位數的十六進位值,所有運算都在本機執行,不需要上傳任何資料。macOS 本身已經內建具備色彩感知能力的工具,例如 Preview 和 ColorSync Utility,但這些工具是圍繞著 ICC 設定檔和內嵌的文件色彩所設計,而不是印表機或品牌手冊中的原始 CMYK 油墨百分比。這個落差正是一個快速的瀏覽器預覽工具所要填補的:貼上四個百分比,讀取轉換後的紅色、綠色和藍色色頻值,然後把十六進位色碼直接複製到螢幕的設計稿中。有一個每個 Mac 設計師都必須牢記在心的關鍵限制:W3C 的簡易計算是未經校正的近似值,並非印刷打樣,因此任何要送往印刷機的成品,都必須透過具備設定檔支援的應用程式來回轉換。
為什麼 Mac 設計師會選擇快速的 CMYK 到 RGB 預覽工具
在 macOS 上,數量驚人的印刷相關工作都以同樣的方式展開:有人透過電子郵件寄來一份 CMYK 色票——例如從品牌手冊或印刷機的印刷單中拉出的特別色數值——然後要求一個快速的螢幕版本。Photoshop、Illustrator 和 Affinity Photo 都能透過它們的色彩管理模組處理這項轉換,但它們要求指定目的地設定檔,有時還需要手邊有印刷機的 ICC 設定檔。Preview 是 Apple 內建的影像檢視器,它可以開啟 CMYK 的 TIFF 檔,但只會把文件色彩空間扁平化到顯示器的設定檔,而不會顯示轉換過程。
當你只需要一個近似值時,W3C 的簡易裝置 CMYK 公式正好能填補這個落差。它接受四個油墨百分比,套用單一封閉形式的計算,然後回傳一個 8 位元的 RGB 三元組以及一個六位數的十六進位色碼。這已經足夠用來製作網站主視覺區塊的設計稿、將品牌色與線框稿進行合理性檢查,或把色值貼到 CSS 檔案中。它無法取代軟體打樣,本文的後續內容會非常明確地說明這個區別。
macOS 中內建、可觸及 CMYK 與 RGB 的工具
macOS 內建兩個設計師在跨色彩空間工作時經常會優先嘗試的工具。
Preview 可以開啟 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 規範所規定的內容一致。以下是操作流程。
- 在 Mac 的瀏覽器中開啟 CMYK To RGB。頁面會載入四個百分比滑桿和一個色塊面板。
- 將青色、洋紅色、黃色和黑色滑桿調整到印刷色票中的數值。每個滑桿接受的百分比範圍從 0 到 100。
- 在滑桿調整的過程中,讀取 8 位元的紅色、綠色和藍色色頻值。十六進位色碼會在每次調整時更新,因此你可以隨時複製當下的色碼。
- 將十六進位色碼貼到你的設計工具、CSS 檔案或 Slack 訊息中。滑桿旁的色塊會即時顯示螢幕上的近似結果。
- 若要查看定義這個後備機制的底層規範,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 值。然後結果會透過半偶數捨入(half-even rounding)縮放為 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 到 RGB 完整解析:公式與其限制指南中會進一步說明更多色票與特殊案例。
從同一個公式中,可以直接得出幾個可預期的端點值:
| CMYK 輸入 | RGB 輸出 | 十六進位 |
|---|---|---|
| 0, 0, 0, 0 | 255, 255, 255 | #FFFFFF |
| 0, 0, 0, 100 | 0, 0, 0 | #000000 |
| 0, 100, 100, 0 | 255, 0, 0 | #FF0000 |
| 100, 0, 100, 0 | 0, 255, 0 | #00FF00 |
| 100, 100, 0, 0 | 0, 0, 255 | #0000FF |
這些都是 W3C 規範中熟悉的基本色端點,也驗證了公式的基本行為。不過,一旦超出這些端點,真實世界的 CMYK 就是與裝置相關的。
何時具備設定檔支援的應用程式是唯一安全的選擇
這個簡易公式假設的是一台理想化的印刷機,以及一個通用 sRGB 風格的顯示器。實際上,CMYK 的重現效果取決於印刷機、油墨組、紙張、網點擴大、渲染意圖,以及內嵌於文件中或由印刷機提供的 ICC 設定檔。兩台使用相同百分比的印刷機,可能會產生肉眼可見的不同色塊;而一台經過校正的顯示器,如果沒有打樣,也無法與其中任何一台的結果相符。
Adobe 關於設定檔感知式轉換的說明文件對此有詳細描述,並建議對於任何涉及合約打樣或印刷合約的工作,都應使用來源與目的地的設定檔組合。在 macOS 上若要追求印刷精確度,工作流程應為:向印刷機索取他們所期望的輸出 ICC 設定檔;在具備設定檔支援的應用程式(例如 Photoshop、Illustrator 或 Affinity Photo)中開啟文件;指定來源設定檔或保留內嵌的設定檔;使用選定的渲染意圖轉換至目的地設定檔;最後在經過校正的顯示器上核准一份實體打樣。
瀏覽器預覽工具刻意與這個工作流程保持區隔。它不會載入 ICC 設定檔,頁面本身也明確警告不要將結果當作印刷打樣使用。請將它用於介面設計稿、初步的色票比對,以及快速檢視未經校正的 CMYK 色票在 sRGB 風格顯示器上可能呈現的效果——然後,對於任何要送往印刷機的成品,請回到具備設定檔支援的應用程式。