CSS color-mix 產生器：色彩空間與 Alpha 比例
以獨立比例混合兩個明確色彩，比較原生插值空間、檢查正規化及 alpha，不產生近似 HEX 備用色。
正在啟用本機工具…
兩色與獨立比例
色彩限 3/4/6/8 碼 hex、transparent、red、blue、black、white、rebeccapurple。4/8 碼 hex 包含 alpha。比例各限 0–100，兩者留空為 50/50；省略一者為另一者的 100% 補數。合計大於 100 會正規化；小於 100 除正規化外，alpha 再乘合計/100。0 合計拒絕。
原生混色比較
輸入兩色或載入範例，再建立。
所有混色由原生 CSS 計算，未產生近似 hex 備用色。透明度以棋盤背景展示；螢幕色域與瀏覽器可能改變外觀。不是 WCAG 對比評估。輸入僅留本機記憶體。
如何使用這個工具
輸入支援色彩與選用比例、選擇插值空間並建立。複製 CSS 前檢查原生支援、透明度及正規化。
不適合用在什麼情況
原生呈現取決於瀏覽器與螢幕色域；不支援空間不顯示色塊。這不是 WCAG 對比檢查或跨瀏覽器外觀保證。
閱讀實作指南 →