RGB 到 CMYK 轉換工具
立即在瀏覽器中將 RGB 螢幕顏色轉換為 CMYK 印刷百分比(並反向轉換),簡單快速。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.輸入你的顏色為 RGB(各通道為 0 至 255)以檢視對應的 CMYK 百分比,或輸入 CMYK 百分比(0 至 100)以取得 RGB 的結果。
- 2.請確認 CMYK、RGB 與 HEX 值,並檢視即時顏色預覽以確保正確無誤。
- 3.點選任一格式旁的複製按鈕,即可取得該值用於設計或印刷檔案。
關於RGB 到 CMYK 轉換工具
RGB 到 CMYK 是連線螢幕上顏色顯示與紙張上印刷效果的橋樑。RGB 是加色模型:紅、綠、藍三種光線疊加,三者全開即為白色——這正是顯示器、手機與相機製造色彩的方式。CMYK 則是減色模型:使用青、品紅、黃與黑(K)四種油墨吸收光線,層疊於白紙上會逐漸趨近黑色。這種轉換差異正是為何明亮、發光的螢幕顏色一旦印刷會顯得較平淡——兩種模型實際上覆蓋的是不同的色彩空間。
此工具支援雙向轉換。輸入一個 RGB 值(各通道 0 至 255),即可取得對應的 CMYK 四個百分比;輸入 CMYK 百分比(0 至 100),則可取得對應的 RGB。運算公式為標準的簡單公式:每個 RGB 通道縮放至 0 至 1,K 設為 1 減去三通道中最大值,C、M、Y 則為扣除該黑成分後的餘量。純黑為特殊情況(K = 100%,無彩色油墨),超出範圍的輸入會被限制,以確保結果不會出錯。
K 通道存在有實際考量:單靠青、品紅、黃三色混合製造深黑會浪費油墨,導致紙張過度飽和且難以呈現真正黑色。專用黑墨板成本較低、清晰度高、乾燥快,且廣泛應用於文字印刷,因此將 K 分離為獨立通道,而非由其他三色混合而成。
常見用途是日常的設計印刷任務:將網站色板中的品牌色彩轉換為 CMYK,再傳送至印刷廠的傳單、名片、海報或包裝檔案;確認品牌標誌色彩在紙張上不會大幅偏移;或只是學習為何相同的十六進位碼在螢幕與印刷品上會看起來不同。因為它還能將 CMYK 轉換回 RGB,因此你可以從印刷規格中取得一個值,並預覽它在顯示器上大致會呈現什麼樣子。
關於數值的一些說明。此轉換將 RGB 觀測為標準的 sRGB 值,不帶任何來源或目標色調配置,因此無法判斷你將使用哪種印刷廠或紙張。它也無法創造油墨無法表現的顏色:如霓虹綠、電光藍與鮮豔橙,這些顏色超出 CMYK 色域範圍,將被近似處理,這正是為何鮮豔的螢幕顏色在印刷中會顯得黯淡的原因。
一個誠實的限制說明:這僅是純數學轉換,並非 ICC 色彩管理。專業印刷廠會透過特定的 CMYK 檔案(如 US Web Coated SWOP、FOGRA39、日本色彩等)進行轉換,這些檔案會考慮實際油墨、紙張與印刷機的點擴效應。這些數值與此工具的簡單結果會有所不同,有時差異相當明顯。請將此工具用於快速估算、理解兩種模型的關係,以及取得一個合理的 CMYK 值作為起點,最終仍應依賴印刷廠的色調檔案與試印樣張來決定最終生產檔案。
所有運算皆在瀏覽器本機執行。不會上傳任何內容,因此運作快速、隱私且在頁面載入後可離線使用。
方法與來源
簡單的 RGB ↔ CMYK 轉換。從 RGB:R'、G'、B' = 聲道/255;K = 1 − max(R'、G'、B');若 K = 1 則 C = M = Y = 0,否則 C = (1 − R' − K)/(1 − K),M = (1 − G' − K)/(1 − K),Y = (1 − B' − K)/(1 − K);C/M/Y/K 輸出為百分比(0–100)。從 CMYK 反轉:R = 255 · (1 − C/100) · (1 − K/100),G = 255 · (1 − M/100) · (1 − K/100),B = 255 · (1 − Y/100) · (1 − K/100)。注意:這是純數學運算,非 ICC 色彩管理,且與實際列印輸出為近似值。
常見問題
- 此 RGB 到 CMYK 轉換的精確度如何?
- 它使用標準的簡單數學公式,適合快速估算與理解兩種模型的關係。由於非 ICC 色彩管理,專業印刷廠透過真實的 CMYK 檔案(如 SWOP 或 FOGRA39)轉換時,會得到略有差異的百分比,這些差異會反映實際油墨、紙張與印刷機的行為。
- 為何 RGB 顏色無法在 CMYK 中完全精準呈現?
- RGB 是加色模型(光),其色域較廣且較明亮,而 CMYK 是減色模型(油墨塗於紙上)。極亮或高度飽和的螢幕顏色會超出 CMYK 油墨可再現的範圍,因此會被近似處理,導致印刷時顯得較黯淡。這種色域差距,而非轉換錯誤,正是為何印刷結果與螢幕顯示不同。
- CMYK 中的 K 通道是什麼?
- K 是黑墨板。理論上青、品紅、黃三色混合可得黑色,但實際上這種混色會導致油墨浪費且無法呈現真正黑色。獨立的黑墨板能產生更清晰的黑色、更清楚的字型,並降低油墨成本,因此 K 被設為獨立通道。
相關工具
- 將 RGB 轉為十六進位立即將 RGB 轉為 HEX,並反向轉為 RGB,搭配即時色彩預覽與 HSL,全部都在瀏覽器中完成。
- 色彩調色盤生成器選擇一個基底色彩,即可獲得相應的調色盤——補色、鄰近色、三色、以及其他搭配。
- 色彩對比檢查器即時檢查任意文字色彩與背景色彩組合是否符合 WCAG AA 與 AAA 對比規則。
- CMYK 轉為 RGB預覽未校準的 CMYK 百分比,作為大約的螢幕 RGB 顏色與十六進位值。
- 色彩差異計算器比較兩種不透明的 HEX 色彩,並以基於標準的 CIEDE2000 值進行分析,檢視每一個 D50 CIELAB 坐標。
- 色彩漸層生成器視覺化建立線性與放射狀 CSS 漸層,並以一鍵複製可直接使用的程式碼。
色彩工具 使用指南
查看全部- RGB to CMYK Chart: Common Colors and Conversion Guide (英文原文)
- RGB to CMYK for Accessibility: Keep Contrast in Print (英文原文)
- RGB CMYK Converter: The Exact Formula and Limits (英文原文)
- Is an Online RGB to CMYK Converter Safe to Use? (英文原文)
- Skip Photoshop: Convert RGB to CMYK in Your Browser (英文原文)
- Procreate RGB to CMYK: The Print-Ready Method (英文原文)
- RGB to CMYK in Photoshop: Faster Than Color Mode (英文原文)
- Convert RGB to CMYK in InDesign: A Practical Workflow (英文原文)
- Convert RGB to CMYK in Illustrator: Quick Browser Method (英文原文)
- Convert RGB to CMYK in Clip Studio for Print-Ready Art (英文原文)
- Convert RGB to CMYK in Canva for Print-Ready Designs (英文原文)
- Convert RGB to CMYK for Print in Your Browser (英文原文)
- Convert RGB to CMYK Without Color Shift in Your Browser (英文原文)
- Convert RGB to CMYK Without Losing Color Accuracy (英文原文)
- Color Palette Generator on Android: A Browser Guide (英文原文)
- Choosing the Right Approach to Mix Two HEX Colors (英文原文)
- Gradient Generator Explained: How the CSS Gets Built (英文原文)
- Color Contrast Checker Free, No Sign Up (英文原文)
- Web Safe Colors Explained: The 216-Cube Formula (英文原文)
- How to Choose the Right Approach to Generate an SVG Pattern (英文原文)