配色調色盤

線上調色工具

選兩個以上的顏色,設定每個顏色的份量,就能看到混出來的顏色。可以模擬顏料,也可以模擬螢幕的光。

結果

點一下色碼就能複製。

在配色產生器中開啟 →

從第一個顏色到第二個顏色

九個中間混色,第一個顏色的比例由多到少。點一下就能複製 HEX 色碼。

哪些顏色混在一起會變成什麼顏色

用紅、黃、藍、白、黑顏料調色的起始比例。點一下配方,就能在調色工具裡試試看並微調。

原色與二次色

顏料的三原色是紅、黃、藍。兩種原色等量混合就會得到二次色:紅加黃是橘色,黃加藍是綠色,紅加藍是紫色。三原色全部混在一起,會變成深咖啡色。

顏料混色與光的混色

顏料會吸收光,每加一個顏色亮度就減少,所以越混越暗。螢幕的光則是相加的:紅、綠、藍加在一起會變成白色。這個工具兩種結果都能看到。

怎麼把顏色調淺或調深

想調淺,就一點一點加白色,可以調出淺色調和粉彩色。想調深,與其加黑色,不如加一點互補色或深藍色,因為黑色容易讓顏色變髒。

常見問題

咖啡色要用哪些顏色調?

混合紅、黃和一點藍,或用橘色加一點藍。紅色多一點會偏紅棕色,黃色多一點則會比較淺、帶金黃感。

粉紅色怎麼調?

紅色加白色。白色多就是粉彩粉紅,白色少就是鮮豔的粉紅。再加一點點藍,顏色會變得偏冷。

結果和真的顏料一樣嗎?

這是很接近的參考。每個顏料品牌的色料都不一樣,所以把比例當成起點,再慢慢微調。

「像光一樣混色」是什麼意思?

就是把顏色在螢幕上看起來的樣子取平均,和 CSS 的 color-mix 函式一樣。適合用在數位設計、漸層和透明效果。

其他指南與工具