只要輸入四個油墨百分比——青、洋紅、黃、黑,各自從 0 到 100——就能在一款瀏覽器工具中免費、免註冊把 CMYK 轉換成 RGB,即時取得對應的 8 位元紅、綠、藍色版數值、一組六位十六進位色碼,以及一個視覺色塊。整個轉換完全在瀏覽器分頁中執行,因此不需要帳號、電子郵件或付款,色彩數值也不會離開您的裝置。這套運算遵循 W3C CSS Color 規範中所公布的簡易型裝置 CMYK 備援算法:每個顯示色版都計算為 255 × (1 − 油墨) × (1 − 黑),再以四捨六入五取偶的方式序列化,與 W3C 磚紅色測試案例相符。由於這款工具刻意略過 ICC 色彩描述檔,其結果只是一個近似值,而不是印刷打樣——適合用於螢幕視覺稿、配色探索與粗略比較,但不適合用於合約、品牌色標,或需要經過校色、能感知色彩描述檔的正式生產配色流程。

cmyk to rgb free no sign up
cmyk 轉 rgb 免費免註冊

「免費、免註冊」對一款色彩工具代表什麼

這個說法涵蓋三項具體的承諾:價格、操作阻力,以及您的資料會流向哪裡。

  • 價格。 沒有任何內容被鎖進付費牆、按量計費,或藏在會自動轉為訂閱的試用期背後。
  • 操作阻力。 在您第一次進行轉換之前,不需要電子郵件地址、密碼、OAuth 登入,也不需要驗證碼。
  • 資料位置。 轉換與預覽都在瀏覽器分頁本身中完成。這四個百分比、產生出來的 RGB 色版、十六進位色碼字串,或色塊本身,都不會被傳送到伺服器、寫進 cookie,也不會被附加到任何分析記錄中。

最後這一點之所以重要,是因為色彩數值往往承載著早期階段的工作內容——一套行銷活動配色、一個包裝方向、一位客戶的草稿識別系統——在獲得核准之前,這些內容不應該被上傳到第三方主機。一款純瀏覽器端的工具,能完全繞開這個隱私問題,這也是這類工具與需要帳號的轉換服務之間,最大的實際差異。

這個近似值背後的簡易公式

這款瀏覽器工具實作的是 W3C CSS Color Module Level 4 工作草案所定義的、由裝置 CMYK 轉 RGB 的簡易備援算法。每個百分比會被正規化成 0 到 1 之間的分數,與黑版結合成單一顯示色版,再放大回 0 到 255 的範圍,並以四捨六入五取偶的方式捨入成整數。

這三條公式中,C、M、Y、K 已經以 0 到 1 之間的分數表示:

  • R = 255 × (1 − C) × (1 − K)
  • G = 255 × (1 − M) × (1 − K)
  • B = 255 × (1 − Y) × (1 − K)

W3C 的草案也允許使用等效的形式 1 − min(1, 油墨 × (1 − K) + K),這款工具在內部就是使用這個形式,且在每個端點上都會得到相同的答案。這些整數色版接著會被序列化成一組六位的十六進位字串——舉例來說,rgb(255, 0, 0) 會變成 #FF0000。

端點演算範例。 一組配方 C 0%、M 100%、Y 100%、K 0%——滿版洋紅與黃、沒有青或黑——會得出 R = 255 × (1 − 0) × (1 − 0) = 255,G = 255 × (1 − 1) × (1 − 0) = 0,B = 255 × (1 − 1) × (1 − 0) = 0,序列化後就是 rgb(255, 0, 0) 與十六進位字串 #FF0000。這是本頁唯一算完整過程的一組運算;其餘每個端點都遵循同樣的三條公式。

參考資料:W3C device-CMYK naive conversion

不需要帳號就能把 CMYK 轉換成 RGB

  1. 在任何現代桌面或行動瀏覽器中開啟 CMYK to RGB 工具——不需要安裝、不需要擴充功能、不需要帳號。
  2. 把青色的滑桿或數字輸入欄,設定成您印刷配方中的第一個百分比。可接受的範圍是 0 到 100;超出這個範圍的數值,會被裁切到最接近的端點。
  3. 對洋紅、黃、黑重複同樣的步驟。每個色版都會獨立更新,因此色塊、8 位元紅/綠/藍讀數,以及十六進位字串,都會在每次變更後重新整理。
  4. 讀取結果中的 rgb(r, g, b) 那一行,以及六位的十六進位數值。可以直接把其中任一項複製到螢幕視覺稿、CSS 樣式表,或 Figma、Sketch 等設計工具,或程式碼編輯器中。
  5. 若要做來回轉換,把得到的十六進位或 RGB 值貼進 RGB to CMYK Converter,即可還原成一組 CMYK 百分比——當印刷廠要求提供四色油墨色塊、以對應螢幕上的色彩時,這很有用。

由於整個流程都在瀏覽器端進行,不需要等待網路來回、不會排隊等候批次處理,也沒有任何上傳步驟會打斷流程。

熟悉的端點及其螢幕預覽

即使沒有 ICC 色彩描述檔,仍有少數幾個端點的行為是可預測的,因為公式在這些情況下會退化成極簡單的形式。這些是您第一次開啟這款工具時,值得拿來做的合理性檢查,而這項實作也針對主要端點、混合色版,以及 W3C 磚紅色範例,包含了獨立的測試夾具,因此您所讀到的數值,應該與下表所預測的相符。

CMYK 配方預期的螢幕結果
0%、0%、0%、0%(無油墨)白色 — rgb(255, 255, 255)
0%、0%、0%、100%(滿版黑)黑色 — rgb(0, 0, 0)
0%、100%、100%、0%(洋紅+黃)紅色 — rgb(255, 0, 0)
100%、0%、100%、0%(青+黃)綠色 — rgb(0, 255, 0)
100%、100%、0%、0%(青+洋紅)藍色 — rgb(0, 0, 255)

若想在這些主要端點之外,取得更完整的可列印油墨參考表,請參閱 CMYK to RGB chart 指南。

什麼時候瀏覽器近似值已經夠用(什麼時候不夠)

這套簡易公式是刻意受限的捷徑。它把 CMYK 當成一個能自我描述的色彩空間來處理,忽略了真正印刷生產所仰賴的每一個變數,這也是為什麼本頁把這項結果標示為「預覽」而不是「打樣」。

情境瀏覽器近似值能感知色彩描述檔的工作流程
依品牌配方繪製 UI 視覺稿草圖適合同樣可行,但沒有必要
在螢幕上比較兩組 CMYK 配方適合同樣可行,但沒有必要
快速把螢幕預覽傳給同事適合同樣可行,但沒有必要
核准印刷打樣或品牌規格不適合必要
比對 Pantone 色號、油墨組合,或紙材不適合必要
維持符合合約規定的色彩目標不適合必要

真正的 CMYK 是與裝置相關的:印刷機、油墨組合、紙材、網點擴大、演繹意圖,以及內嵌的 ICC 色彩描述檔,都會改變最終的印刷結果。能感知色彩描述檔的軟體,會在產生單一色版之前,先讀取來源 CMYK 描述檔、目的地 RGB 描述檔,以及演繹意圖——Adobe 在其色彩轉換與油墨管理參考文件中記載了這套流程。瀏覽器近似值略過了其中每一個步驟,這也正是它一開始就能在完全不上傳任何內容的情況下運作的原因。

實務上,這代表您可以把這款工具用在快速的螢幕視覺稿上:從一套未套用描述檔的配方中複製四個百分比、把它們撥進滑桿,再把得到的十六進位色碼貼進樣式表——而每當結果需要與實際印刷機印出來的成品相符時,就改用具備校色顯示器與實體打樣的、能感知色彩描述檔的軟體。

值得一併保留的其他瀏覽器色彩工具

色彩相關的工作很少只做一次轉換就結束。有幾款相鄰的瀏覽器工具,很適合與 CMYK 轉 RGB 分頁並排使用,並且遵循同樣「免費、免註冊、僅在本機處理」的承諾。

  • RGB to HEX 用於反方向的轉換——貼上一組 8 位元的紅、綠、藍三元組,讀取對應的六位十六進位色碼,在這款工具輸出色版數值、但 CSS 樣式表需要井字號色碼時很有用。
  • RGB to CMYK 用於來回轉換的工作——當印刷廠要求提供 CMYK 色塊時,把從螢幕視覺稿挑選出的十六進位色碼,轉換回四個油墨百分比。
  • Color Contrast Checker 用於無障礙檢查——拿到十六進位色碼之後,把它放到某個背景色上,在版面上線之前,依 WCAG AA 或 AAA 對比度規則檢查這組色彩配對。

這三款工具都在瀏覽器中執行、不需要帳號,隱私立場與 CMYK 轉 RGB 工具一致,並讓整個工作流程——從第一個百分比到最終的十六進位色碼——都留在同一個瀏覽器分頁之中。

如果您還在權衡選項,CMYK Color Chart for Web Design: Why You Need RGB Instead 一文對此有詳細說明。