色彩混合器
所有顏色工具
免費
將 2 或 3 種顏色依任意比例混合，如同顏料或光線般得到結果色，也可在兩色間產生最多 10 步漸層，並複製 HEX、RGB、HSL、CMYK 值。
顏色 1
用量
50%
顏色 2
用量
50%
顏色 3
用量
50%
混合模型
配方
混合後的顏色
選擇 2 或 3 種顏色並設定每種顏色的用量：混合後的顏色會即時在瀏覽器中計算。點擊結果或任意數值即可複製。
起始顏色
結束顏色
步驟數
要生成的中間色調數量（1–10）。
混合模式
漸層
混合調色板
選擇兩種顏色和步驟數：所有中間色調立即在您的瀏覽器中計算完成。
關於 色彩混合器
色彩混合器讓你看到混合兩種或三種顏色後得到的顏色。選擇顏色，設定每種顏色在混合中的占比，結果色會立即顯示，並附上 HEX、RGB、HSL 和 CMYK 值，以及顯示各顏色占比的配方列。
三種混合模型回答不同的問題。顏料模型像真實顏料一樣混合，所以藍色和黃色混合會得到綠色，加一點黑色就會有很大的變化。光線模型依螢幕與彩色燈光混合的方式取平均，所以紅色和綠色混合會得到黃色。感知模型在 CSS color-mix() 所採用的 OKLab 空間中取平均，在介面與設計工作中能得到平滑、均勻的結果。
第二個檢視「漸層步驟」可在 RGB 或 HSL 下，將起始色經由最多十個中間色調漸變為結束色，並提供漸層預覽與可直接貼上的 CSS 漸層程式碼。一切都在瀏覽器中執行，不需要伺服器。
如何使用 色彩混合器
- 開啟「混合顏色」檢視，選擇兩種顏色，或用「新增顏色」加入第三種。
- 設定每種顏色的數量：旁邊的百分比顯示它在混合中的占比。
- 選擇混合模型：顏料、光線或感知。
- 點擊混合後的顏色或其任一數值即可複製，也可用「複製配方」保存比例。
- 切換到「漸層步驟」，在兩種顏色之間產生最多 10 個色調的漸層。
常見問題
是的。混合顏色免費且不限次數：此工具完全在瀏覽器中執行，不需要帳號、點數或伺服器運算。
使用顏料模型，藍色和黃色混合會得到綠色，就像真實顏料一樣。使用光線模型則得到淺灰色，因為螢幕混合的是它們的光，而不是顏料。在「混合顏色」檢視中試試任意一組顏色，比較這些模型。
顏料模擬會吸收光的顏料，所以混合後會變暗，藍色加黃色得到綠色。光線在線性光中對顏色取平均，就像像素或彩色燈光的混合方式。感知在 OKLab 中取平均，結果均衡自然，並與 CSS color-mix() 一致。
可以。新增第三種顏色，然後為每種設定 1 到 100 的數量。數量是相對的，所以 2、1、1 會得到 50%、25%、25% 的混合。配方列與百分比會顯示每種顏色的確切占比。
這是依據顏料吸收與散射光線方式所做的近似模擬，但真實顏料會因品牌、顏料成分和介質而異。可用它預測色相、試驗比例，再用小樣品確認。
在「漸層步驟」檢視中，RGB 混合直接對紅、綠、藍色版內插，混合相對色相時可能會經過灰色。HSL 混合則沿著色輪旋轉，因此中間步驟能保持飽和度，看起來更鮮豔。
在「混合顏色」檢視中以相同數量混合兩種顏色：光線給出它們的物理平均值，感知給出視覺上的中點。在「漸層步驟」檢視中，只設一步即可得到 RGB 或 HSL 漸層的中點。
熱門搜尋
顏色混合器
線上混合顏色
兩種顏色混合是什麼顏色
顏料調色
三種顏色混合
調色計算機
混合兩種顏色
漸層步驟
顏色之間的漸層
調色工具
需要協助？
使用此工具時遇到問題？請告訴我們的團隊。