瀏覽器版 RGB CMYK 轉換器,用單一數學公式把顏色值從加法 RGB 模型——每個螢幕都在用——轉成減法 CMYK 模型——每台印刷機都在用——並在同一輪作業做反向轉換。具體來說,它接受 0 到 255 的整數紅、綠、藍值,回傳 0 到 100 的青色、洋紅色、黃色與黑色百分比,也接受 CMYK 百分比來回推對應的 RGB 三元組以及 HEX 碼。因為轉換完全在瀏覽器執行,沒有顏色值會送到伺服器、不必帳號,而且頁面在第一次載入後即使網路斷線仍能繼續運作。結果是一條快速、私密的橋,連接兩個從未真正對上的色彩世界:螢幕上鮮豔的霓虹綠印到紙上會顯得較平,因為 RGB 描述的是發出的光,CMYK 描述的是吸收的光,沒有任何數學捷徑能把這道缺口完全糊上。搞懂公式怎麼運作、以及它在哪裡不再可信,就是快速估算與可上機檔案之間的差別。

轉換器之所以存在,就是因為設計師通常在螢幕上工作,卻要交付給印刷廠。螢幕靠把紅、綠、藍光加在一起建立顏色,因此全強度時得到白色。印刷機靠在紙上鋪青色、洋紅色、黃色與黑色油墨建立顏色,因此四色疊上時得到黑色。同一件邏輯工作——讓顏色可見——但物理正好相反。

rgb cmyk converter
rgb cmyk 轉換器

為什麼 RGB 與 CMYK 是不同的色彩模型

RGB 是由光構成的加法色彩模型。每個通道——紅、綠、藍——從 0(關閉)到 255(全亮),三者合起來能產生約 16,700,000 種組合。顯示器、手機、相機與電視原生說 RGB,因為它們的像素是微小光源。三個通道都在 255 時,結果是白色。三個都在 0 時,結果是黑色。

CMYK 是由油墨構成的減法色彩模型。青、洋紅、黃是印刷三原色,而 K——「key」的縮寫——是獨立的黑色版。每個通道以百分比從 0(無墨)到 100(全覆蓋)。四個通道都在 100 時,結果是濃黑。四個都在 0 時,結果是紙白透出來。

兩種模型涵蓋不同的色彩範圍。RGB 包含油墨根本混不出來的高飽和、發光色:鮮豔霓虹綠、電光藍與強烈橙。CMYK 用油墨與紙張實際能撐住的較悶、較密範圍,換掉那份明亮。那道缺口叫做色域,也是網站抓來的 hex 值幾乎從來不會在下機時看起來一模一樣的原因。

你真正需要把 RGB 轉成 CMYK 的時機

每當螢幕設計必須離開螢幕,你就會用到轉換器。常見情況包括:

  • 把網站色盤裡的品牌色轉成 CMYK,再把傳單、手冊、名片、海報或包裝檔送到印刷廠。
  • 對標誌顏色做健全性檢查,以免放大或印在未塗佈紙上時大幅偏移。
  • 草擬雜誌跨頁或書籍版面,而印刷機需要事先拿到 CMYK 值。
  • 學習兩個模型的關係,好預測哪些螢幕顏色印出來會變悶、哪些能撐住。
  • 把 CMYK 印刷規格轉成 RGB,好在做簡報或網頁模擬稿時,在顯示器上粗略預覽。

這些工作都不需要完整設計套件。小型瀏覽器工具就能涵蓋每一項,不必啟動 Photoshop、開啟 InDesign,或付費做印刷預檢。

如何在瀏覽器把 RGB 轉成 CMYK

  1. 在瀏覽器開啟 RGB 轉 CMYK 轉換器。此頁在桌面與行動裝置都能用,不必帳號。
  2. 把每個通道值(0 到 255)打進 R、G 與 B 輸入框。此工具接受整數,並把範圍外的值夾住,因此結果一律有效。
  3. 讀 CMYK 列,查看對應的青、洋紅、黃與 key 百分比,各從 0 到 100 顯示。
  4. 檢查即時色票與 HEX 值,確認轉換器顯示的是你真正打算的顏色——用來快速目視擋住輸入欄打錯字。
  5. 點 CMYK 值、RGB 值或 HEX 值旁的 Copy,抓取你的設計或印刷檔需要的格式。

同一頁也能反向使用,當印刷廠遞給你百分比、而你需要大約的螢幕預覽時很有用。

如何把 CMYK 轉回 RGB

  1. 留在同一轉換器頁面,找到 CMYK 輸入。
  2. 把每個百分比(0 到 100)打進 C、M、Y 與 K 欄位。
  3. 讀 RGB 列查看對應的紅、綠、藍通道(各為 0 到 255),以及 HEX 列查看六位數代碼。
  4. 看色票,粗略了解此值在顯示器上會如何呈現。
  5. 複製 RGB 或 HEX 值,用於 CSS、設計軟體、簡報或電子郵件簽名檔。

這個反向並不完美——來源是 CMYK,因此任何已經落在 RGB 色域外的顏色,定義上就是近似。請把 RGB 結果當有用的預覽,而不是印刷機如何鋪墨的忠實重現。

數學實際在做什麼

樸素轉換有三個短步驟。首先,每個 RGB 通道除以 255,讓值落在 0–1 範圍。其次,K 設為 1 減去那三個縮放後通道中最大的——拿掉最強分量後,這顏色本質上有多少是黑。第三,C、M 與 Y 計算為減去 K 後剩餘的亮度,再除以剩餘的亮度預算。純黑,也就是 R、G 與 B 都是 0,是特例:K 設為 100%,C、M 與 Y 設為 0%,因為用彩色油墨混黑既浪費,也很少看起來真正黑。

以 RGB (200, 100, 50)——溫暖的焦橙色——做具體逐步演算,可看出公式實際運作。縮放到 0–1 後,通道變成 R' ≈ 0.784、G' ≈ 0.392 與 B' ≈ 0.196。最大的是 0.784,因此 K = 1 − 0.784 = 0.216,四捨五入約 22%。拿掉 K 後,C = (1 − 0.784 − 0.216) / (1 − 0.216) = 0 / 0.784 = 0,M = (1 − 0.392 − 0.216) / 0.784 = 0.392 / 0.784 = 0.5,Y = (1 − 0.196 − 0.216) / 0.784 = 0.588 / 0.784 = 0.75。四捨五入成整數百分比後,結果是 CMYK (0%, 50%, 75%, 22%)。把這些百分比代回反公式——R = 255·(1 − C/100)·(1 − K/100),G 與 B 同理——你會還原成 RGB (199, 99, 50),與起始三元組只差在四捨五入雜訊之內。這次往返一致,是公式內部自洽最清楚的證據,即使它不是套了描述檔的印刷機實際會印出的結果。

為什麼瀏覽器轉換器無法取代 ICC 描述檔

兩個誠實的限制,在工作進入生產後就很要緊。第一,公式把 RGB 當成沒有來源或目的描述檔的普通 sRGB 風格數字,因此它不知道會用哪套油墨、紙張或印刷機。真正的印刷廠會透過特定 CMYK 描述檔轉換——US Web Coated SWOP、FOGRA39、GRACoL、Japan Color 等——把該印刷機實際的油墨、紙白與網點擴大算進去。那些數字會與這裡的樸素結果不同,有時差數個百分點,尤其在飽和色。第二,轉換器無法發明不存在的油墨。霓虹綠、電光藍與明亮橙落在 CMYK 色域外,因此工具只能近似,印出的顏色會比螢幕預覽更悶。

實務重點:把 RGB 轉 CMYK 轉換器用在快速估算、理解兩個模型的關係,以及草擬版面時落到合理的起始 CMYK 值。最終生產檔請相信印刷廠的描述檔與打樣。若要確認隱私面,轉換在瀏覽器本機執行,沒有顏色會上傳——見 線上轉換器安全指南

RGB 與 CMYK 一覽

下表整理兩個模型在設計師通常在意的屬性上有何不同。

屬性 RGB CMYK
物理基礎 加法(發出的光) 減法(紙上吸收的油墨)
通道 Red, Green, Blue Cyan, Magenta, Yellow, Key (black)
通道範圍 每通道 0–255(整數) 每通道 0–100%(百分比)
典型裝置 顯示器、手機、相機、電視 平版、數位與噴墨印刷機
白點 R = G = B = 255 C = M = Y = K = 0(紙白透出)
黑點 R = G = B = 0 C = M = Y = 0, K = 100
色域 寬且發光;包含類霓虹色 較窄且較悶;到不了許多飽和螢幕色
轉換準確度 精確(數值輸入) 近似,除非對上特定 ICC 輸出描述檔

這些差異一清楚,模型之間的選擇通常就由輸出媒介決定:螢幕就是 RGB,紙張就是 CMYK。瀏覽器轉換器是兩者之間的快速通道。

若要更深入了解,見 RGB 轉 HEX 範例:常見轉換與規律