色彩專區
色彩混合器
依指定百分比混合兩種顏色。
色彩混合器: TOEA套用以下固定公式：RGB = 第一個顏色 × (1 − 權重) + 第二個顏色 × 權重。色彩運算會在瀏覽器中執行。 全程在瀏覽器中於本機執行，檔案不會上傳至伺服器。
- 分類
- 日常工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
結果表單 / 02
混合後的HEX
#926790
- 混合後的RGB
- rgb(146, 103, 144)
計算公式
RGB = 第一個顏色 × (1 − 權重) + 第二個顏色 × 權重假設條件 / 使用前請閱讀
- 結果是確定性的sRGB數學轉換；顯示外觀取決於您的螢幕和色彩描述檔。
- HEX輸入接受#RGB或#RRGGBB表示法。數值會留在瀏覽器中，不會上傳。
螢幕混色不是顏料混色
混合器平均的是紅、綠、藍光線的數值，不是顏料。藍色#0000FF和黃色#FFFF00以50%混合後會得到灰色#808080，而不是顏料盒混合出的綠色。在sRGB中取平均，也會讓高飽和度色彩之間的中間色通常比兩端更暗、更不鮮明。CSS使用color-mix(in srgb, #FF6B35, #2563EB 50%)會得到相同結果；而此函式中的其他色彩空間，例如oklch，通常會產生更明亮的中間色。
計算透明覆蓋層
具有不透明度的圖層會顯示自身與後方內容的混合，使用的就是相同算式。先放背景，再放覆蓋層，並將不透明度作為權重：在#1E293B上以70%不透明度顯示白色文字，結果就是70%白色的混合色。這個不透明結果可用於不支援透明度的地方，也應使用它在對比度檢查工具中進行測試。
使用方式
- 輸入有效的#RGB或#RRGGBB值，以及所需的百分比。
- 執行固定且在瀏覽器本機處理的色彩運算。
- 查看色票，並複製結果或調色盤值。
隱私與限制
色彩值會留在這部裝置上。對比度結果是數學上的檢查工具，不代表全面符合WCAG；情境、字型顯示、非文字對比度及使用者介面狀態仍需另行檢查。
相關工具
常見問題
色彩混合器如何運作？
它使用RGB = 第一個顏色 × (1 − 權重) + 第二個顏色 × 權重。
接受哪些HEX格式？
請使用三位數的#RGB或六位數的#RRGGBB sRGB表示法。不接受Alpha通道及具名色彩。
對比度結果是否保證符合無障礙規範？
不保證。這是針對所顯示色彩和文字門檻的數學對比度檢查工具，不代表全面符合規範。
免費工具・使用在瀏覽器中次・免註冊