將 CMYK 轉換為 RGB 可以讓您在將檔案送往印刷機之前,先預覽印刷色彩在螢幕上的呈現效果。CMYK(青色、洋紅色、黃色、黑色)定義了印刷時的油墨百分比,而 RGB(紅色、綠色、藍色)則控制數位顯示器的光源。由於螢幕和油墨混色的方式不同,直接轉換只是一種近似結果——螢幕無法重現印刷色調的精確深度。然而,對於快速檢查、社群媒體 mockup 或網頁預覽而言,未經校色的 RGB 預覽通常就已足夠。CMYK 轉 RGB 工具可讓您即時取得此預覽:輸入 CMYK 百分比,它就會回傳最接近的 RGB 對應色、十六進位代碼,以及即時色塊——全部都在您的瀏覽器中完成,無需任何軟體。
印刷設計師和行銷人員經常需要與只能透過螢幕檢視色彩的客戶或團隊分享可印刷的檔案。一張以 CMYK 設計的名片,若未先檢查 RGB 預覽,在筆電上可能會顯得黯淡。同樣地,以 RGB 格式傳送給印刷廠的 logo,在轉換為 CMYK 時可能會產生無法預期的色偏。雖然專業的印刷流程仰賴 ICC 色彩描述檔以確保精準度,但許多日常任務——例如草擬社群媒體貼文或快速進行客戶審閱——並不需要那麼高的精確度。對於這些情況,CMYK 轉 RGB 工具能夠在印刷與螢幕之間搭起橋樑,讓您在幾秒鐘內看到近似的對應色彩。

為什麼 CMYK 和 RGB 不同
CMYK 和 RGB 透過本質上不同的方式來表現色彩。CMYK 是減色模型:油墨會吸收光線,加入的油墨越多,結果就越深。理論上將 100% 的青色、洋紅色和黃色混合應該會產生黑色,但實際上會得到混濁的棕色,這就是為什麼要再加入黑色油墨 (K)。另一方面,RGB 是加色模型:螢幕會發光,將紅色、綠色和藍色以全強度組合會產生白色。這種差異意味著 RGB 能呈現的色彩(例如鮮豔的霓虹)通常超出 CMYK 的色域,而 CMYK 濃厚飽滿的黑色在螢幕上可能會顯得平板。
根據國際色彩聯盟(International Color Consortium, ICC)的說明,大多數顯示器使用的 sRGB 色彩空間涵蓋了大約 35% 的可見光譜,而 CMYK 的色域會因油墨和紙張而異,但通常較窄。這種不匹配解釋了為什麼鮮豔的 RGB 藍色在以 CMYK 印刷時可能會變得黯淡。例如,純 RGB 藍色 (0, 0, 255) 會轉換為約 100% 青色、100% 洋紅色,以及 0% 黃色和黑色的 CMYK 值——但在螢幕上,CMYK 版本看起來會較不飽和。CMYK 轉 RGB 工具可透過顯示最接近的 RGB 對應色來幫助您預期這種色偏,讓您能在印刷前調整預期或微調設計。
何時使用 CMYK 轉 RGB
在以下情境中使用 CMYK 轉 RGB 工具:
- 在網站或社群媒體貼文中預覽印刷色彩。
- 檢查名片或傳單在數位 mockup 中的呈現效果。
- 與只能透過螢幕檢視色彩的客戶或團隊分享印刷設計。
- 快速將 CMYK 值轉換為十六進位代碼,用於 CSS 或網頁設計。
- 驗證 logo 或品牌色在印刷和數位媒介上是否一致。
對於需要精準色彩對應的工作(例如包裝或高端攝影),請改用具備 ICC 描述檔支援的軟體。Adobe Photoshop 或 Illustrator 等工具會使用色彩描述檔(例如 US Web Coated SWOP)來模擬 CMYK 油墨在特定紙張上的呈現效果。然而,對於大多數日常需求,CMYK 轉 RGB 工具提供了一種快速、無障礙的方式來查看印刷色彩的近似螢幕版本。
在瀏覽器中將 CMYK 轉換為 RGB
- 在瀏器中開啟CMYK 轉 RGB 工具。
- 以百分比 (0-100) 輸入青色、洋紅色、黃色和黑色的 CMYK 值。例如,深邃的海軍藍可能使用 100% 青色、50% 洋紅色、0% 黃色和 30% 黑色。
- 工具會即時顯示紅色、綠色和藍色的近似 RGB 值 (0-255),以及十六進位代碼(例如 #1A2B3C)。
- 在數值下方,即時色塊會顯示 RGB 版本在螢幕上的呈現效果。
- 複製 RGB 或十六進位代碼,以用於網頁設計、簡報或數位 mockup。
例如,輸入 0% 青色、100% 洋紅色、100% 黃色和 0% 黑色的 CMYK 值,會得到 RGB (255, 0, 0) 和十六進位代碼 #FF0000——亮紅色。這與理論預期一致,因為洋紅色和黃色油墨混合會產生紅色。然而,如果您輸入 100% 青色、100% 洋紅色、0% 黃色和 0% 黑色,RGB 結果將會是深紫色(例如 #000080),而不是您可能預期的印刷深藍色。這種差異凸顯了此工具的限制:它提供的是實用的預覽,但無法重現印刷色彩的精確外觀。
CMYK 轉 RGB 與 ICC 描述檔轉換的比較
| 功能 | CMYK 轉 RGB 工具 | ICC 描述檔軟體(例如 Photoshop) |
|---|---|---|
| 精確度 | 未校色的近似結果 | 透過色彩描述檔達到高精度 |
| 使用情境 | 快速預覽、網頁 mockup、數位分享 | 印刷生產、專業色彩對應 |
| 速度 | 即時,無需設定 | 需要選擇描述檔並進行設定 |
| 色域處理 | 將超出色域的色彩裁切至最近對應色 | 使用紙張/油墨描述檔模擬印刷輸出 |
| 便利性 | 基於瀏覽器,無需安裝軟體 | 需要 Adobe Creative Suite 或類似軟體 |
雖然 CMYK 轉 RGB 工具很方便,但它缺少 ICC 描述檔轉換的細緻度。例如,50% 青色、0% 洋紅色、100% 黃色和 0% 黑色的 CMYK 值,在螢幕上可能會呈現為亮綠色(例如 RGB 128, 255, 0),但實際印刷結果會因紙張亮度和油墨不透明度而異。ICC 描述檔會將這些變因納入考量,藉由將色彩對應到特定的輸出裝置。如果您正在準備送交商業印刷廠的檔案,請務必使用具備描述檔支援的軟體,並與您的印刷商確認預期的色彩空間(例如 SWOP、FOGRA)。
對於網頁設計師來說,當處理指定 CMYK 值的品牌規範時,此工具特別實用。您無需猜測印刷色在網站上的呈現效果,只需將其轉換為 RGB 或十六進位代碼,然後直接套用於 CSS。例如,某品牌的 CMYK 藍色 (100, 50, 0, 0) 可能會轉換為 RGB (0, 102, 204) 或十六進位代碼 #0066CC。然後您可以在樣式表中使用此值:
.button {
background-color: #0066CC;
color: white;
}
若想探索其他色彩工具,可以試試RGB 轉 HEX 轉換器用於網頁設計,或使用色彩對比檢查工具來確保無障礙性。如需更多關於色彩空間的資訊,請讀我們的指南——何時應在印刷專案中使用 CMYK 或 RGB。