任務路徑 / 從輸入到結果
如何混合兩種顏色
- 01
輸入兩個顏色
在「第一個顏色」和「第二個顏色」中填入十六進制值——#RGB、#RGBA、#RRGGBB 和 #RRGGBBAA 都接受，半透明輸入也沒問題。工作區以 #6D5EF8 對 #22C55E 的組合開啟。
- 02
計算方式
選擇「計算方式」：加權混合在編碼 sRGB 中用預乘 alpha 插值；疊加模式則將第一種顏色蓋在第二種顏色上，圖層順序影響結果，且不顯示權重滑桿。
- 03
混合顏色
在加權混合模式下，把「第二種顏色的權重」設為 0%（僅第一種）至 100%（僅第二種），再點「混合顏色」；疊加模式下點同一按鈕執行前景蓋背景。修改顏色、方式或權重會清空舊結果。
- 04
讀取結果面板
HEX、RGBA、CSS 與預覽統一使用 8 位元通道及 alpha。透明效果顯示在頁面底色上，輸出保留 alpha。
- 05
試用範例混合
點擊「載入範例」會把 #F97316 與 #7C3AED 按 35% 的權重混合——暖橙色向紫色過渡——讓你看到完整流程。「重設」恢復預設組合和 50% 權重。
- 06
複製或下載結果
複製或下載 toolars-color-mix.json，包含兩種輸入顏色、計算方式、sRGB 色彩空間、HEX、RGBA 和 CSS 宣告。僅按權重混合時包含 secondColorWeight。所有輸出形式共用同一 8 位元結果。