← 全部工具

CSS 緩動漸層產生器

以 2–8 色、十種緩動選項及自訂貝茲座標建立線性、放射或圓錐漸層,完整匯出 CSS/HTML。

css-easing-gradient-generator本機處理

正在啟用本機工具…

工具設定

色彩(2–8 色)
色彩範本

修改設定會清除舊結果;請重新產生。

使用標準漸層函式中的 65 個 sRGB 取樣色標,並非瀏覽器的 easing-gradient() 功能。超出範圍會限制為端點色;此為近似,非感知均勻插值。

僅在本機記憶體處理,不傳送或儲存輸入。

靜態來源日期:2026-10-18

預覽與完整輸出

設定欄位,再產生結果。

如何使用這個工具

選擇色彩或範本、漸層類型、角度與緩動,產生後檢查取樣曲線及漸層。

不適合用在什麼情況

使用標準漸層函式中的 65 個 sRGB 取樣色標,並非瀏覽器的 easing-gradient() 功能。超出範圍會限制為端點色;此為近似,非感知均勻插值。