將 CMYK 轉換為 RGB 可讓你在將檔案送印前,先預覽印刷色彩在螢幕上的呈現效果。CMYK(青色、洋紅色、黃色、黑色)定義印刷時的油墨百分比,而 RGB(紅色、綠色、藍色)則控制數位顯示器的光線。由於螢幕與油墨混色的方式不同,直接轉換只能得到近似值——螢幕無法重現印刷色彩的精確深度。不過,對於快速檢查、社群媒體模擬圖或網頁預覽等用途,未經校色的 RGB 預通常已足夠。CMYK 轉 RGB 工具可立即為你提供這項預覽:輸入 CMYK 百分比,它就會回傳最接近的 RGB 對應值、十六進位代碼,以及即時色塊——全部在瀏器中完成,無需安裝軟體。

印刷設計師與行銷人員經常需要與只能透過螢幕檢視色彩的客戶或團隊分享可印刷的檔案。以 CMYK 設計的名片,若未事先檢查 RGB 預覽,在筆記型電腦上看起來可能會顯得黯淡。同樣地,以 RGB 格式傳送給印刷廠的標誌,在轉換為 CMYK 時可能會產生無法預期的色偏。雖然專業印刷流程仰賴 ICC 色彩描述檔以確保準確度,但許多日常工作——例如起草社群媒體貼文或快速提供客戶審閱——並不需要那麼高的精確度。在這些情況下,CMYK 轉 RGB 工具能夠橋接印刷與螢幕之間的落差,讓你在幾秒內即可看見近似的對應色彩。

how to cmyk to rgb
how to cmyk to rgb

為何 CMYK 與 RGB 不同

CMYK 與 RGB 透過本質上不同的方式來表現色彩。CMYK 是減色模型:油墨會吸收光線,加入越多油墨,結果就越深。理論上將 100% 青色、洋紅色與黃色混合應可產生黑色,但實際上會得到混濁的棕色,這就是為什麼需要加入黑色油墨(K)。另一方面,RGB 是加色模型:幕會發光,將紅色、綠色與藍色以全強度組合便會產生白色。這項差異意味著 RGB 能呈現的色彩(例如鮮豔的霓虹)通常超出 CMYK 的色域,而 CMYK 深邃濃厚的黑色在螢幕上可能會顯得平板。

根據國際色彩協會(ICC)的說明,大多數螢幕使用的 sRGB 色彩空間涵蓋約 35% 的可見光譜,而 CMYK 的色域會因油墨與紙張而異,但通常較窄。這種不匹配說明了為何鮮豔的 RGB 藍色在以 CMYK 印刷時會變得黯淡。例如,純 RGB 藍色 (0, 0, 255) 會轉換為約 100% 青色、100% 洋紅色,以及 0% 黃色與黑色的 CMYK 值——但在螢幕上,CMYK 版本看起來會較不飽和。CMYK 轉 RGB 工具可透過顯示最接近的 RGB 對應值,幫助你預期這種色偏,讓你在印刷前調整預期或微調設計。

何時該使用 CMYK 轉 RGB

在以下情境中,請使用 CMYK 轉 RGB 工具:

  • 在網站或社群媒體貼文中預覽印刷色彩。
  • 檢查名片或傳單在數位模擬圖中的呈現效果。
  • 與僅透過螢幕檢視色彩的客戶或團隊分享印刷設計。
  • 快速將 CMYK 值轉換為十六進位代碼,用於 CSS 或網頁設計。
  • 確認標誌或品牌色彩在印刷與數位媒體上的一致性。

對於需要精準色彩對應的工作(例如包裝或高階攝影),請改用具備 ICC 描述檔功能的軟體。Adobe Photoshop 或 Illustrator 等工具會使用色彩描述檔(例如 US Web Coated SWOP)來模擬 CMYK 油墨在特定紙張上的呈現效果。不過,對於大多數日常需求而言,CMYK 轉 RGB 工具提供了一種快速、無障礙的方式,讓你查看印刷色彩的近似螢幕版本。

在瀏覽器中將 CMYK 轉換為 RGB

  1. 在瀏覽器中開啟CMYK 轉 RGB 工具。
  2. 以百分比 (0-100) 輸入青色、洋紅色、黃色與黑色的 CMYK 值。例如,深邃的藏青色可能使用 100% 青色、50% 洋紅色、0% 黃色,以及 30% 黑色。
  3. 工具會立即顯示紅色、綠色與藍色的近似 RGB 值 (0-255),以及十六進位代碼(例如 #1A2B3C)。
  4. 在數值下方,即時色塊會顯示 RGB 版本在螢幕上的呈現效果。
  5. 複製 RGB 或十六進位代碼,用於網頁設計、簡報或數位模擬圖中。

舉例來說,輸入 0% 青色、100% 洋紅色、100% 黃色,以及 0% 黑色的 CMYK 值,會得到 RGB (255, 0, 0) 以及十六進位代碼 #FF0000——也就是鮮紅色。這與理論預期相符,因為洋紅色與黃色油墨混合會產生紅色。然而,若你輸入 100% 青色、100% 洋紅色、0% 黃色,以及 0% 黑色,RGB 結果將會是深紫色(例如 #000080),而非你在印刷品上可能預期的深藍色。這種差異凸顯了此工具的限制:它能提供實用的預覽,但無法重現印刷色彩的精確外觀。

CMYK 轉 RGB 與 ICC 描述檔轉換的比較

功能 CMYK 轉 RGB 工具 ICC 描述檔軟體(例如 Photoshop)
準確度 未經校色的近似值 透過色彩描述檔達到高精度
使用情境 快速預覽、網頁模擬圖、數位分享 印刷生產、專業色彩對應
速度 即時,無需設定 需要選擇與設定描述檔
色域處理 將超出色域的色彩裁剪至最接近的對應值 使用紙張/油墨描述檔模擬印刷輸出
便利性 基於瀏覽器,無需軟體 需要 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的指南。

相關閱讀:在 Illustrator 中將 CMYK 轉換為 RGB 以獲得精確的螢幕預覽。

相關閱讀:在 Photoshop 中將 CMYK 轉換為 RGB 以獲得精確的螢幕預覽。