颜色混合器
免费在线使用 颜色混合器 无需安装即可使用工具
關於色彩混合器
此工具使用四種混合模式之一混合兩個十六進位顏色(顏色 A 和顏色 B):normal(線性插值)、multiply(色彩增值)、screen(濾色)或 overlay(覆疊)。比例滑桿(0-100%)控制混合權重,結果顯示為色票,附帶 HEX、RGB 和 HSL 數值,以及一條從 A 到 B 的 11 個色階漸層預覽。
使用方法
1. 使用顏色選擇器或十六進位輸入框設定顏色 A 和顏色 B(無效的十六進位值會回退為 #000000)。 2. 將比例滑桿從 0%(全部為 A)拖曳到 100%(全部為 B)。 3. 選擇混合模式:normal、multiply、screen 或 overlay。 4. 從結果卡片複製結果的 HEX、RGB 或 HSL 字串。
混合模式說明
Normal:在 RGB 空間中進行直接的線性插值 `c1 + (c2 - c1) * ratio`。Multiply:按通道執行 `c1 * c2 / 255` 後再插值。Screen:按通道執行 `255 - (255 - c1)(255 - c2)/255` 後再插值。Overlay:按通道執行,當基色低於 128 時使用 multiply,否則使用 screen,然後再插值。比例套用於原始顏色 A 與完全混合後的結果之間,因此 0% 始終等於顏色 A。
▶如果輸入無效的十六進位值會怎樣?
`isValidHex` 僅接受 6 位十六進位值(例如 #ff0000)。無效輸入會靜默回退為該顏色的 #000000,混合時會以黑色為基礎進行計算。
▶混合是在 RGB 空間還是 HSL 空間進行?
Normal 模式下,混合是在 RGB 空間中線性進行的。Multiply、Screen 和 Overlay 也作用於 RGB 通道;HSL 僅用於顯示結果,而非混合本身。
▶比例滑桿實際控制什麼?
它控制顏色 A 與所選模式下完全混合結果之間的插值權重。0% 時得到顏色 A;100% 時得到所選模式下 A 和 B 的完整混合。
▶漸層預覽是否與結果色票相符?
漸層由使用相同模式和顏色的 11 個均勻分佈的樣本(0% 到 100%)構建而成,因此色票對應於目前比例下的樣本。
如果这个工具对你有帮助,请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。