工具用的順手嗎?
你的回饋能幫助我們做得更好
專業RGB與CMYK顏色程式碼雙向轉換工具,解決螢幕顯示與印刷色差問題,實時獲取精準轉換結果。
CMYK僅為算術換算,不使用ICC設定、紙張或油墨條件,不能保證印刷色彩。
概覽
了解工具能解決的問題、計算或處理邏輯,以及資料邊界。
這個轉換器用來查看一個顏色的 RGB、CMYK 與 HEX 數值,以及對應色塊。RGB 以紅、綠、藍三個通道描述螢幕色彩,每個通道為 0–255;CMYK 以青、洋紅、黃、黑四個百分比表示,每個通道為 0%–100%。HEX 則是常見的六位十六進位網頁色碼,例如 #7C60C8。
調整 RGB 或 HEX 時,CMYK、HEX 和預覽色會同步更新;調整 CMYK 時,RGB、HEX 與色塊也會更新。這是單一色值的估算與溝通工具,不會讀取或轉換整張圖片。
RGB 先除以 255 換成 0 到 1 的小數,記為 r、g、b。先以最大通道求黑色比例 K,再計算其他三色;純黑時 C、M、Y 設為 0,避免分母為零。四個百分比最後四捨五入為整數。
K = 1 − max(r, g, b)
C = (1 − r − K) / (1 − K)
M = (1 − g − K) / (1 − K)
Y = (1 − b − K) / (1 − K)
反向換算:R = round(255 × (1 − C) × (1 − K));G、B 分別把 C 換成 M、Y。
例如 RGB (124, 96, 200) 約得 CMYK (38%, 52%, 0%, 22%)。百分比取整後再轉回 RGB 可能得到 (123, 95, 199),與原值略有差異,是顯示精度有限所致。
上述公式沒有指定 RGB 來源設定檔,也沒有指定印刷設備、紙張或油墨對應的 CMYK 設定檔。CSS Color Module 將這類未校準 CMYK 與依設定檔進行的色彩轉換分開說明,並指出沒有色彩描述檔時只能用簡化公式估算。ICC 的說明則指出,裝置設定檔用來描述裝置色彩與標準色彩空間間的轉換關係。
來源:W3C《CSS Color Module Level 5》未校準 CMYK 轉換;支持未校準 CMYK 與 RGB 的公式及其近似性;核驗日期:2026-09-30。
來源:國際色彩聯盟 ICC 設定檔介紹;支持裝置描述檔描述裝置色彩與標準色彩空間轉換的用途;核驗日期:2026-09-30。
指南
依步驟完成操作,並透過範例核對輸入與結果。
在 HEX 欄輸入六位色碼,例如 #0066CC,或調整 R、G、B 滑桿;也可使用色彩選擇器或頁面提供的常用色。初始色為 #3B82F6。
檢查色塊、HEX、RGB 與 CMYK。以 #0066CC 為例,RGB 是 (0, 102, 204),公式換算後顯示約 C 100%、M 50%、Y 0%、K 20%。
可複製 HEX、RGB、CMYK 個別欄位或整組結果,貼到設計討論或色彩交接資料中。重置可回到預設藍色。
移動 C、M、Y、K 滑桿即可更新 RGB、HEX 和預覽色。每個 CMYK 通道以 1% 為調整步長,因此不能輸入小數百分比。若要比較幾個候選色,可逐一記下 HEX 與 CMYK,避免只靠螢幕觀感描述顏色。
情境
查看這項工具在不同工作與生活流程中的用法。
手上有網站或簡報的 HEX 色碼時,可換算出一組 CMYK 整數參考值,並把原 HEX 一起交給設計或印前人員確認。
設計或行銷團隊討論多個單色方案時,可逐個輸入色碼並複製結果,讓討論有明確數值依據,而不只依賴不同螢幕上的色塊觀感。
教學或自學時,可調整 RGB 或 CMYK 滑桿,觀察四個百分比與三個光色通道如何連動,並留意取整造成的往返差異。
問答
集中解答常見疑問與容易混淆的問題。
CMYK 取決於目標印刷條件與設定檔。這裡沒有選擇紙張、油墨、印刷機或 ICC 描述檔,因此結果是簡化數學換算,不代表特定印刷廠的分色值。
CMYK 通道只顯示整數百分比,反算的 RGB 也取整到整數。小數在往返過程中被捨去,故結果可能與原本相差幾個通道值。
不可以。頁面只處理一個顏色值並顯示相關數值與色塊,不會上傳、讀取或輸出圖片檔。
目前以 1% 步長的滑桿調整,各通道為 0% 至 100% 的整數。若交付規格要求更細的分色數值,應依印刷端指定的色彩管理流程處理。
須知
使用前了解適用範圍、結果限制與必要提醒。
本頁結果適合單色估算、教學與數值溝通,不能取代依目標設備與印刷條件進行的色彩管理、分色或打樣。
推薦
查找相關工具、專題與可用的 API 能力。