1. 首頁
  2. 部落格
  3. 兩種顏色混合會變成什麼顏色?簡單易懂的調色指南

兩種顏色混合會變成什麼顏色?簡單易懂的調色指南

紅、藍、黃、綠等顏色混合後會變成什麼顏色?為什麼顏料和螢幕的混色結果不同?以及如何在線上精確混合兩種顏色。

兩種顏色混合會變成什麼顏色?簡單易懂的調色指南

藍色加黃色等於綠色,這是大家上學時就學過的。可是在電腦螢幕上把同樣的藍和黃混在一起,結果可能是灰灰的顏色。紅加綠在顏料盒裡變成咖啡色,在電視上卻是亮黃色。到底哪個才對?

兩個都對,因為顏料和光的混合方式正好相反。本文說明其中的差別,提供常見混色對照表,並介紹如何在線上精確混合兩種顏色。

顏色混合器混合兩種顏色並查看中間色。

兩種混色方式

顏料、墨水、蠟筆混合(減色法)。 每種顏料都會吸收一部分照在上面的光。兩種顏料混合後吸收得更多,所以顏色會變暗。傳統繪畫的三原色是紅、黃、藍;印刷使用青、洋紅、黃,再加上黑色。

螢幕上的光混合(加色法)。 手機、螢幕和電視用極小的紅、綠、藍光點組成所有顏色。光越多,顏色越亮。紅、綠、藍全開時就是白色。

所以同一組顏色會有兩種答案。做網站或 App 時,你在和光打交道;粉刷牆面或印傳單時,你在和顏料打交道。

顏料混色對照表

混合 顏料中的結果
紅 + 黃 橘色
黃 + 藍 綠色
藍 + 紅 紫色
紅 + 綠 咖啡色
藍 + 橘 咖啡色或灰咖啡色
黃 + 紫 咖啡色
紅 + 黃 + 藍 深咖啡色,接近黑色
任何顏色 + 白 較淺的顏色,例如紅 + 白 = 粉紅色
任何顏色 + 黑 較深的顏色,例如藍 + 黑 = 深藍色
任何顏色 + 灰 較柔和、低彩度的顏色

色環上相對的顏色(如紅和綠、藍和橘)會互相抵消,變成咖啡色或灰色。畫家常刻意利用這點:加一點對比色,就能讓太刺眼的顏色變得柔和。

光(螢幕)混色對照表

混合 螢幕上的結果
紅 + 綠 黃色
綠 + 藍 青色
藍 + 紅 洋紅色
紅 + 綠 + 藍 白色

線上混色工具怎麼用

用取色器選兩種顏色,或貼上它們的 HEX 代碼,再拖動比例滑桿決定各占多少。工具會顯示混合後的顏色和 HEX 代碼,以及一排中間過渡色,可複製用於漸層和圖表。

工具有兩種模式。RGB 直接平均紅、綠、藍數值,大多數設計軟體都是這樣混色。線性光 依實際光量混合,過渡中間更亮、更自然,兩種鮮豔顏色之間特別明顯。兩種模式都無法完全模擬顏料,真正畫畫時請參考上面的顏料對照表。

用一次混色做出整套配色

找到喜歡的顏色後,這些工具可以幫你把它擴展成完整的配色:

  • 深淺色階: 為按鈕、背景和滑鼠移過狀態產生同一顏色的淺色和深色版本。

色階產生器從任何顏色產生 50–900 的明暗色階。

  • 搭配色: 配色產生器會推薦互補色、類似色和三角配色。

配色產生器依色彩理論產生和諧的配色。

  • 檢查可讀性: 在新顏色上放文字之前,先測試對比度,確保每個人都看得清楚。

顏色對比度檢查檢查文字與背景的 WCAG 對比度。

常見問題

哪兩種顏色能調出紫色? 紅色和藍色。想要偏冷的紫色就多加藍,想要偏暖的就多加紅。

哪些顏色能調出咖啡色? 混合兩種對比色,如紅和綠、藍和橘,或把三原色混在一起。加一點黑或白可以讓它更深或更淺。

為什麼藍加黃在螢幕上是灰色? 螢幕上是對光取平均,而藍和黃在光中是互補色,平均值接近灰色。試試「線性光」模式,或再加一點綠色。

怎樣取得混合顏色的 HEX 代碼? 混色工具會顯示結果的 HEX 代碼,顏色轉換器還能把它轉成 RGB 或 HSL。

色碼轉換器在 HEX、RGB、HSL、HSV 和 CMYK 之間轉換色碼。

自己動手混幾組顏色,很快就能掌握規律。只要分清混的是顏料還是光,規則其實很簡單。

在 Ko-fi 上支持 GoToolz喜歡 GoToolz 嗎?所有工具都免費。如果它們幫你省下時間,歡迎請我們喝杯咖啡支持專案。在 Ko-fi 上支持 ☕