色彩混合器

將起始顏色漸變為結束顏色，最多 10 個步驟——預覽漸層、獲取每個色調，並立即複製任何格式。

起始顏色

結束顏色

步驟數

要生成的中間色調數量（1–10）。

混合模式

RGB HSL

漸層

混合調色板

選擇兩種顏色和步驟數——所有中間色調立即在您的瀏覽器中計算完成。

關於色彩混合器

色彩混合器能將兩種顏色互相混合,並顯示每一個過渡步驟。選擇起始色與結束色,再設定想要幾個中間色調──最多十個──工具會立即計算出完整的過渡效果,同時以個別色塊與平滑漸層預覽兩種方式呈現。

兩種混合模式決定了混合的計算方式。RGB 以直線方式內插各個色版,結果可預測且中性;HSL 則沿著色輪移動,讓中間步驟保持更高的飽和度與鮮豔感。互換起訖兩色或產生隨機色彩,只需一鍵完成。

所有混色運算都在瀏覽器中完成,不涉及任何伺服器。這是回答「藍色和橘色的中間色是什麼」之類問題的便利方法,也能用來建立圖表用的階層色彩漸層,或取得兩個品牌色之間的 CSS 漸層。

是的。混合色彩免費且無限制使用──工具完全在瀏覽器中執行,不需要帳號、點數或伺服器運算。

RGB 混合直接內插紅、綠、藍三個色版,混合相對色相時可能會經過灰色。HSL 混合則是沿著色輪旋轉,因此中間步驟能保持飽和度,看起來更加豐富多彩。

將步驟數設為 1。這個單一的中間色調就是混合的中點。使用 RGB 模式取得兩色的數值平均,或使用 HSL 模式取得沿色相輪的感知中點。

可以──兩個端點色之間的階層混合,正是圖表與熱力圖依序色階的建立方式。產生步驟後點擊「全部複製」,再將數值貼到你圖表工具庫的色彩陣列中即可。

你可以產生 1 到 10 個中間色調,加上起始色與結束色,總共最多可得到 12 個色塊。每一個都能以你偏好的格式單獨複製。