這個混合器會計算兩個sRGB色彩中紅、綠、藍通道的加權平均值。比例設為50%時，兩種顏色的權重相同。把滑桿往任一端移動，就能保留較多該端的原始色彩。色彩資料只會留在裝置上，每項結果都能直接貼到設計檔或樣式表中。
數位RGB混色與實際調漆不同。顏料會吸收光線，混合後可能更暗或飽和度更低。此工具提供精確的螢幕色彩混合結果，適合網站、介面及其他數位設計工作。
線上顏色混合器
全程在瀏覽器裡執行，免上傳、免註冊。
50% A / 50% B
混合色數位sRGB混色
#9a7b8650% A / 50% B
HEX
#9a7b86RGB
rgb(154, 123, 134)HSL
hsl(339, 13%, 54%)CSS
--mixed-color: #9a7b86;什麼是顏色混合器？
顏色混合器會依照指定比例合成兩種數位色彩，並立即顯示結果。選取或貼上兩組HEX色碼，拖曳滑桿調整比例，再將混合後的顏色複製成HEX、RGB、HSL或CSS變數。所有運算都在瀏覽器內完成。
使用方式
- 1選擇兩種顏色. 使用兩個色彩選擇器，或在顏色A與顏色B欄位貼上3位或6位HEX色碼。
- 2設定混合比例. 將滑桿拖向A或B，預覽色彩與所有色碼會立即更新。
- 3複製結果. 將混合色複製成HEX、RGB、HSL，或可直接使用的CSS自訂屬性。
適合誰用
- UI設計師尋找兩種品牌色或介面色之間平衡的過渡色。
- 前端開發者在既有設計色彩代碼之間建立可重複使用的CSS數值。
- 插畫家與創作者在建立色票前測試數位色彩組合。
- 學生觀察比例改變時，RGB各通道數值如何跟著變化。
常見問題
顏色混合器可以免費使用嗎？
可以。使用次數不限，也不需要帳號或下載程式。選擇兩種顏色、調整比例，就能依需要複製任意數量的結果。
我的色彩資料會上傳到其他地方嗎？
不會。JavaScript會直接在瀏覽器中混合色彩數值，不會把輸入內容傳送到伺服器，因此尚未公開的品牌色或產品色也能放心測試。
一次可以混合幾種顏色？
一次會混合兩種顏色，讓兩者的比例更容易精確控制。若要加入第三種顏色，請把第一次的混色結果貼入其中一個欄位，再與下一種顏色混合。
顏色混合器如何計算結果？
系統會把兩組HEX色碼轉為紅、綠、藍通道數值，依照所選百分比分配各通道的權重，加總後四捨五入為整數，再輸出HEX、RGB與HSL格式。
這能顯示兩種顏料混合後的顏色嗎？
不能。這是用於螢幕色彩的數位sRGB混合器。實體顏料採減色混合，結果還會受材質、濃度與光線影響，因此可能更暗或產生色相偏移。
可以混合縮寫HEX色碼嗎？
可以。可輸入#f06這類3位色碼，或#ff0066這類6位色碼，也可以省略開頭的#。縮寫色碼會自動展開為標準6位格式。