不需 Photoshop 也能將 RGB 轉成 CMYK,因為它純粹是數學運算:基於瀏覽器的 RGB 轉 CMYK 轉換器接受每個通道介於 0 到 255 的 RGB 值,使用標準的簡易公式計算出對應的 CMYK 百分比,其中 K = 1 − max(R', G', B'),而 C、M、Y 則由扣除該黑色分量後剩下的部分推導而來,並即時顯示結果。不需要 Adobe 訂閱、不需要在「影像 > 模式」選單中層層點選,也不需要上傳檔案。一切都在你的瀏覽器中本機執行,這代表你的色彩數值從不離開裝置——當你正在處理品牌色彩或不該上傳到第三方伺服器的未公開客戶作品時,這點特別實用。同一個工具也能反向轉換,接受 0 到 100 的 CMYK 百分比並產生對應的 RGB 三元組,同時提供 HEX 值與即時色塊,讓你在把色彩貼進文件前能視覺確認顏色正確。

how to convert rgb to cmyk without photoshop
how to convert rgb to cmyk without photoshop

RGB 與 CMYK 產生色彩的方式有何不同

RGB 與 CMYK 無法互換,因為它們以相反的物理方式描述色彩。RGB 是加法色彩:紅、綠、藍光結合,三個通道都達到最大強度時就會產生純白——這就是每台顯示器、手機和相機顯示色彩的方式。CMYK 是減法色彩:青、洋紅、黃與一個黑色「關鍵」(K) 版是疊印在白紙上的油墨,層層堆疊會吸收光線,直到結果趨近黑色。

屬性RGBCMYK
色彩模型加法(光)減法(油墨)
通道R、G、B (0–255)C、M、Y、K (0–100%)
常見用途顯示器、手機、網頁印刷、包裝、出版機
如何產生白色三個通道皆為 255四個通道皆為 0
如何產生黑色三個通道皆為 0K 為 100%(或接近)
色域相較另一個模型整體更寬、更亮較窄,特別是在亮綠與亮藍部分

正是這種反轉,使得你在 RGB 中設定的鮮豔電光藍,印在傳單上往往會明顯變得黯淡。兩個模型涵蓋了可見色彩空間的不同範圍,而印刷結果永遠是兩者中較小的範圍。獨立設置 K 通道也不是什麼怪癖——只用青、洋紅、黃三色印出飽和的黑既浪費油墨、也會讓紙張過於吸墨,而且幾乎無法真正呈現中性色。獨立的黑版能產生更銳利的字體、更低的油墨成本與更快的乾燥速度,這就是為什麼在你送印的每個 CMYK 檔案中,K 都會被獨立成一個通道。

RGB 轉 CMYK 轉換器的功能

RGB 轉 CMYK 轉換器在單一頁面中處理模型互換的兩個方向。輸入一組 RGB 三元組(每通道 0–255),它會回傳對應的 C、M、Y、K 百分比供印刷使用。再次輸入那些百分比(0–100),它就會回傳對應的 RGB,並加上標準的 HEX 形式。輸入欄旁還有一個即時色彩色塊,所以你在採用前可以目測顯示的顏色是否符合檔案中的顏色。

三個實際細節讓它成為真正的「免 Photoshop」工作流程。首先,它完全在瀏覽器中執行,所以無需安裝任何東西,也沒有任何資料會被上傳——你的色彩數值留在裝置上。其次,它透過限制範圍來優雅地處理超出範圍的輸入,因此某個通道不小心輸入 280 並不會讓運算壞掉或產生無意義的百分比。第三,純黑(R = G = B = 0)會被視為特殊案例處理:K = 100%,其餘三個通道降為 0,符合真實印刷驅動程式處理「真正的黑」的方式,而不是用其他油墨混出黑色。

如何在沒有 Photoshop 的情況下將 RGB 轉成 CMYK

當你手上有一個以 RGB 表示的色彩——通常是網站上的品牌色或螢幕參考色——而需要對應的 CMYK 值用於印刷檔案時,可以使用本工具。

  1. 以 RGB 形式輸入你的色彩,每個通道介於 0 到 255 之間。頁面會立即回傳對應的 CMYK 百分比。你也可以輸入 0 到 100 的 C、M、Y、K 百分比,來取得對應的 RGB 值。
  2. 並排讀取顯示的 CMYK、RGB 與 HEX 值,並透過即時色塊預覽確認該顏色正是你預期的顏色,再貼到任何地方。
  3. 在你需要的格式旁點擊「複製」——CMYK 給印刷機、RGB 或 HEX 給設計工具——然後將數值直接貼入你的檔案。

整個工作流程就是這樣。如果你在做傳單、名片、海報或包裝模型,從這裡取得的數值可以直接放進 Adobe InDesign、Affinity Publisher、Canva 的列印匯出面板,或任何接受 CMYK 色票的工具中。

實作範例:將鮮紅色轉為 CMYK

為了讓數學過程具體化,以下使用頁面採用的同一個簡易公式,手動轉換單一 RGB 值。取一個飽和紅色:R = 255、G = 87、B = 51——這是接近某個常見品牌紅的顏色。

第一步,將每個通道縮放為 0–1 的值。R' = 255 / 255 = 1.000。G' = 87 / 255 ≈ 0.341。B' = 51 / 255 ≈ 0.200。

第二步,計算 K。K = 1 − max(R', G', B') = 1 − 1.000 = 0.000,因此這個顏色不需要黑色油墨。

第三步,從剩餘色彩推導出 C、M、Y。C = (1 − R' − K) / (1 − K) = (1 − 1.000 − 0) / (1 − 0) = 0.000。M = (1 − G' − K) / (1 − K) = (1 − 0.341 − 0) / 1 ≈ 0.659。Y = (1 − B' − K) / (1 − K) = (1 − 0.200 − 0) / 1 ≈ 0.800。

第四步,轉換為百分比。結果為 C 0%、M 66%、Y 80%、K 0%。把這些數字放進 RGB 轉 CMYK 轉換器,頁面會回傳相同的百分比,並附上 HEX #FF5733,給任何使用十六進位色碼而非 RGB 的網頁或螢幕參考使用。

什麼時候數字會與實際印刷輸出不同

這個轉換器是一個快速、數學上正確的起點,但它不是 ICC 色彩管理。實際印刷輸出取決於特定的 CMYK 描述檔——US Web Coated SWOP、FOGRA39、Japan Color、GRACoL——這些描述檔會考量所用油墨、紙張與印刷機的網點擴大。印刷廠透過自家描述檔轉換時,常常會產生略有不同的百分比,特別是在簡易公式與真實描述檔差異最大的深色陰影與飽和亮部。

色域是螢幕與印刷色差更大的原因。CMYK 油墨在物理上無法重現霓虹綠、電光藍或非常鮮豔的橘色;這些顏色存在於可印刷色域之外。當你把一個超出色域的 RGB 丟進工具時,得到的結果是近似值,而非你原本的螢幕色彩。如果你的品牌依賴鮮豔的螢幕色,務實的選項是洽談客製 Pantone 油墨,或接受較柔和的印刷呈現——而這個轉換器讓你在一次點擊中同時看到轉換兩端的結果,讓這個取捨一目了然。

快速 RGB↔CMYK 轉換的實際用途

跳過 Photoshop 最常見的原因是效率。你在送印前五分鐘才完成一張傳單、你正在檢查首頁的亮藍色印在名片上會不會失真,或你只是想了解某個 HEX 值在 CMYK 中是什麼樣子。RGB 轉 CMYK 轉換器涵蓋以上三種情境:貼上 RGB 三元組或 CMYK 百分比,讀取對應值;貼上印刷廠給的 CMYK 規格,讀取近似的 RGB;並用色塊作為與設計工具中色彩選擇器顯示結果的合理性檢查。

它也是一個很好的教學工具。把一個 RGB 值跑過去看輸出的百分比,會讓 CMYK 的結構變得清晰——K 通道的作用、為什麼 RGB 中接近白的顏色在 CMYK 中只是極少量的油墨點、以及為什麼 CMYK 的中灰色會用到全部四個通道而不只靠 K。一旦這層關係變得直覺,那些數字就不再感覺武裝,而開始像是一種你真正理解的語言。

延伸閱讀:RGB 轉 HEX 色碼表:參考值與轉換方法

延伸閱讀:CMYK 轉 RGB 網頁設計:螢幕預覽工作流程