RGB 和 CMYK 差在哪？

深入比較 RGB 和 CMYK 兩種色彩模式的差異、應用場景和轉換注意事項。螢幕設計用 RGB，印刷設計用 CMYK。

加色法 vs 減色法

RGB 和 CMYK 是兩種根本不同的色彩系統：

RGB（加色法）：紅光 + 綠光 + 藍光 → 混合越多越亮。三色全開 = 白色。用於螢幕、手機、電視等發光設備。

CMYK（減色法）：青墨 + 洋紅墨 + 黃墨 + 黑墨 → 混合越多越暗。用於印刷品、名片、海報等實體輸出。

因為兩者的「色域」（能表現的顏色範圍）不同：

RGB 的色域比 CMYK 寬，有些螢幕上很鮮豔的顏色（如霓虹綠 #00FF00），印刷時無法完全還原

CMYK 也有少數 RGB 無法顯示的顏色（某些深沉的青色）

這就是為什麼設計稿在螢幕上看起來鮮豔，印出來卻發灰的原因。

從 RGB 轉 CMYK 是一種「有損轉換」：

超出 CMYK 色域的顏色會被映射到最接近的可印刷顏色

鮮豔的霓虹色會變得暗淡

顯示器上的亮色可能在印刷品上看起來完全不同

網頁設計：使用 RGB 或 HEX，不需要考慮 CMYK

印刷設計：從一開始就在 CMYK 模式下工作

雙用途設計：先做 RGB 版本，再做 CMYK 版本，手動調整色差

品牌色：同時定義 RGB 和 CMYK 值，確保跨媒介一致性

K 代表黑色（Key plate），因為 CMY 混合後的黑色不夠純淨，需要額外的黑墨。

RGB 在 CSS 中原生支援，CMYK 不是 CSS 標準：

/* RGB — 直接使用 */
color: rgb(37, 150, 190);

/* CMYK — 需要先轉換為 RGB 或 HEX */
/* 使用我們的轉換器即可 */