顏色混合器

關於本工具

顏色混合器在RGB空間中混合兩種十六進位顏色，以0%到100%之間的任意比例生成平滑混合。漸層色階顯示兩種顏色之間均勻分布的7個步驟。

RGB混合與瀏覽器合成顏色時執行的操作相同，在數學上精確且可預測。50%的混合顏色是RGB空間中兩種顏色的真正中間點。

使用方法

1. 使用顏色選擇器或直接輸入十六進位代碼選擇兩種顏色。
2. 使用預設按鈕嘗試經典顏色組合。
3. 拖動比例滑桿調整混合。0%為顏色1，100%為顏色2。
4. 點擊任意漸層色塊或複製HEX按鈕來複製顏色。

使用情境

UI設計師將品牌主色與白色或黑色混合，生成懸停、激活和禁用狀態的可訪問狀態顏色。動效設計師為關鍵幀動畫選擇中間顏色。前端開發者無需圖形編輯器即可生成漸層中間點。

常見問題

• 這與CSS漸層相同嗎？ — 是的。CSS linear-gradient預設也在sRGB中混合。此處顯示的步驟與CSS漸層經過的中間點完全對應。
• 為什麼紅色和藍色混合不會變成紫色？ — 在RGB中，紅色(#ff0000)和藍色(#0000ff)50%混合得到#7f007f（深洋紅色）。鮮豔的紫色需要將紅色與#8000ff這樣的藍紫色混合。
• 可以獲得更多漸層步驟嗎？ — 色階始終顯示7個步驟。使用比例滑桿檢查任意特定中間點。
• 支援透明度嗎？ — 不支援，此工具僅適用於不透明的十六進位顏色。