對於印刷專案來說,將 CMYK 轉換為 RGB 所產生的是墨水配方的未校準螢幕預覽,而不是打樣機的目標色彩:瀏覽器的 CMYK 轉 RGB 工具會將四個裝置 CMYK 百分比轉換成 8 位元紅、綠、藍近似值、一個六位數十六進位值,以及一個色塊,使用的是 W3C 的樸素裝置 CMYK 回退機制。該回退機制將青色、洋紅、黃色和黑色各自視為介於零和一之間的數值,將每個顯示通道計算為 1 − min(1, colorInk × (1 − black) + black),再將結果縮放至 0–255,並使用偶數捨入的銀行家捨入法(四捨五入到整數)。由於該計算忽略了印刷機、紙張材質、油墨組、網點擴大、渲染意圖,以及影響實際印刷輸出的內嵌 ICC 色彩描述檔,螢幕 RGB 最適合用於模型圖、配色比較和利害關係人預覽等快速近似用途。任何要將檔案送印的人,仍然需要保留原始的 CMYK 配方、向印刷廠索取其輸出描述檔,並在確認色彩前執行經過校準、具備描述檔感知的工作流程。

為什麼螢幕預覽在印刷工作中佔有一席之地
印刷檔案仍然以 CMYK 定義,但專案的其他部分通常都活在螢幕上。設計師透過電子郵件將打樣檔傳給客戶、將色塊貼到對話串中、把色票放進網站模型圖裡,並在 sRGB 中製作社群媒體圖片。這些步驟每一個都需要一個 RGB 值來代表墨水配方,而在交期緊迫時,當場向印刷廠索取 RGB 值通常並不實際。
印刷端預覽工作流程正是為了銜接這個落差。在底片輸出之前,或在 PDF 上傳到印刷機之前,你可以從排版檔中複製四個 CMYK 百分比,在瀏覽器工具中將滑桿調到那些數值,然後讀取對應的 RGB 通道、十六進位代碼和視覺色塊。這個結果足以與客戶對齊期待、抽樣檢查因版面變更而走調的品牌色,或打造一個在視覺上呼應印刷品的登陸頁面。
關鍵的習慣是把 RGB 輸出視為僅供螢幕使用的產物。產生它的 CMYK 數值對印刷檔案仍然具有決定性效力。任何最終要印刷的東西,仍然會以 CMYK 並附加印刷廠的描述檔送出 — RGB 只是用於人與人之間溝通和網頁預覽的替代品,不能取代具備色彩管理的實際製作流程。
如何將 CMYK 油墨在螢幕上預覽為 RGB
- 在瀏覽器中開啟 CMYK 轉 RGB 工具。不需要上傳、登入或安裝 — 計算會在你的裝置上本機執行。
- 將青色、洋紅、黃色和黑色滑桿設定為與印刷檔或色票集中的百分比一致。每個值的範圍為零到一百。
- 讀取頁面上更新後的 8 位元紅、綠、藍通道、六位數十六進位值,以及即時色塊。調整任何一個滑桿,讀數就會立即重新整理。
- 將 RGB 三元組或十六進位代碼複製到你的螢幕模型圖、簡報或對話串中。將原始的 CMYK 百分比另外儲存,以免印刷檔案遭到覆寫。
- 對於任何會出現在印刷品上的色彩,請向你的印刷廠索取正確的輸出 ICC 描述檔,並執行經過校準、具備描述檔感知的工作流程,而不是單獨相信瀏覽器的預覽。
瀏覽器工具使用的公式
此轉換遵循 W3C CSS Color 4 規範中所發布的樸素裝置 CMYK 回退機制(W3C 裝置 CMYK 樸素轉換)。每個油墨百分比會被正規化為介於零和一之間的數值。然後每個顯示通道會計算為「一」減去「一」與「(colorInk × (1 − black) + black)」兩者中的較小值。計算結果會乘以 255,並使用偶數捨入的銀行家捨入法(四捨五入到整數),使輸出能符合 W3C firebrick 參考案例,以及產品對主要端點的獨立測試資料。
以青色 40%、洋紅 90%、黃色 100%、黑色 10% 為例的計算過程:
- 將輸入值正規化:0.4、0.9、1.0、0.1。
- 紅色:1 − min(1, 0.4 × 0.9 + 0.1) = 1 − 0.46 = 0.54 → 0.54 × 255 = 137.7 → 138。
- 綠色:1 − min(1, 0.9 × 0.9 + 0.1) = 1 − 0.91 = 0.09 → 0.09 × 255 = 22.95 → 23。
- 藍色:1 − min(1, 1.0 × 0.9 + 0.1) = 1 − 1.0 = 0 → 0。
工具會回傳 RGB (138, 23, 0)、一個溫暖的焦橙色塊,以及十六進位 #8A1700。以相同方式代入任何其他配方,即可得出頁面上顯示的螢幕 RGB 與十六進位值。
螢幕近似值在哪裡會失靈
實際的印刷輸出會受到瀏覽器預覽看不到的因素所影響。印刷機的油墨組、紙張的白度與塗佈、底片上的網點擴大、渲染意圖(感知、相對色度、絕對色度或飽和度),以及內嵌的 ICC 描述檔,都可能讓印刷出來的色彩明顯偏離其 RGB 預覽。兩家印刷廠使用相同配方在非塗佈紙和塗佈紙上印出的藍色,可能看起來明顯不同;W3C 的樸素公式則會對兩者回傳相同的數字,因為它沒有訊號可以分辨它們。
公式確實能預測的端點表現是可預期的,當你想確認配方輸入方向正確時,它們很有用。下表列出 W3C 規範所記錄的標準輸入,並對應工具回傳的 RGB 和十六進位值。
| CMYK 輸入 | 計算後的 RGB | 十六進位 | 視覺呈現 |
|---|---|---|---|
| 0 / 0 / 0 / 0 | 255 / 255 / 255 | #FFFFFF | 白色(紙張) |
| 100 / 0 / 0 / 0 | 0 / 255 / 255 | #00FFFF | 青色 |
| 0 / 100 / 0 / 0 | 255 / 0 / 255 | #FF00FF | 洋紅 |
| 0 / 0 / 100 / 0 | 255 / 255 / 0 | #FFFF00 | 黃色 |
| 0 / 100 / 100 / 0 | 255 / 0 / 0 | #FF0000 | 紅色(M + Y) |
| 0 / 0 / 0 / 100 | 0 / 0 / 0 | #000000 | 黑色 |
偏離這些端點之後,螢幕預覽與實際印刷之間的落差會擴大。由 100% 青色、100% 洋紅、50% 黃色和 60% 黑色構成的深藍色,在 sRGB 螢幕上看起來是一種樣子,在 5000 K 觀察燈箱下的塗佈紙上看起來又是另一種樣子 — 兩種讀數在其各自的背景下都站得住腳,但它們並不是同一個顏色,而且只有在底片製作之前,具備描述檔感知的工作流程才能察覺這個差異。
在印刷工作流程中善用預覽功能
使用這個工具最快速的方式就是複製貼上。開啟你的排版檔或色彩規格,複製四個 CMYK 百分比,將滑桿設定成一致的值,然後讀取 RGB 和十六進位值。由於瀏覽器會在本機執行運算,因此不會上傳任何資料,你可以在一次作業中自由地反覆嘗試多個色塊。
幾個習慣可以讓這個工作流程對團隊中的每個人都更安全:
- 將從工具取得的任何 RGB 與原始 CMYK 配方並列保存。CMYK 仍是印刷檔案的唯一真實來源;RGB 只存在於螢幕情境和利害關係人溝通之中。
- 將十六進位代碼寫入風格指南、聊天訊息或 Figma 框架中,讓從未看過底片或 Pantone 色票的同事也能溝通這個印刷色。
- 當印刷色需要在不同材質之間保持一致時,請完全跳過樸素預覽,改用具備描述檔感知的軟體搭配校準過的顯示器。瀏覽器工具僅用於快速對齊,而非合約色彩。
- 送檔前先確認印刷廠的輸出描述檔,並在實際紙材上跑一次實體打樣。紙張和油墨的選擇通常會把 CMYK 配方從任何螢幕數值拉開,只有硬打樣才能抓到這個落差。
若想更深入探討印刷與螢幕之間的決策本身,Lizely 指南 印刷專案該使用 CMYK 還是 RGB 詳細說明了 CMYK 何時是強制性的,以及 RGB 何時可用。將該指南與 CMYK 轉 RGB 工具搭配使用,就能同時涵蓋策略層面的判斷,以及讓印刷專案與所有在螢幕上檢視的人對齊的日常預覽工作。
延伸閱讀:從色彩名稱產生配色表的工作流程。