CSS 緩動漸層產生器
以 2–8 色、十種緩動選項及自訂貝茲座標建立線性、放射或圓錐漸層,完整匯出 CSS/HTML。
css-easing-gradient-generator本機處理
正在啟用本機工具…
工具設定
使用標準漸層函式中的 65 個 sRGB 取樣色標,並非瀏覽器的 easing-gradient() 功能。超出範圍會限制為端點色;此為近似,非感知均勻插值。
僅在本機記憶體處理,不傳送或儲存輸入。
靜態來源日期:2026-10-18
預覽與完整輸出
設定欄位,再產生結果。
如何使用這個工具
選擇色彩或範本、漸層類型、角度與緩動,產生後檢查取樣曲線及漸層。
不適合用在什麼情況
使用標準漸層函式中的 65 個 sRGB 取樣色標,並非瀏覽器的 easing-gradient() 功能。超出範圍會限制為端點色;此為近似,非感知均勻插值。