漸層產生器 - 線上免費漸層建立工具
建立漂亮的 CSS 漸層並匯出為 PNG 圖片。從靜態漸層到基於 Three.js 的流體動畫，全部完全免費。
探索其他快速工具
為什麼選擇我們的漸層產生器？
建立漂亮的 CSS、流體或網格漸層，具有即時預覽和匯出選項。
即時預覽
編輯顏色和形狀時，即時查看變更。
多種格式
匯出為 CSS、Tailwind、PNG、影片或網格數據。
免費且開源
所有工具完全免費，無需註冊。
高解析度匯出
匯出清晰的 PNG 或高品質影片，用於任何用途。
如何創建漸變
請按照以下步驟設計和匯出您的漸變。
- 1
選擇類型
選擇 CSS、Fluid 或網格漸變。
- 2
編輯顏色
新增、拖移和調整顏色停止或網格點。
- 3
設定
設定角度、速度、強度或解析度，根據需要。
- 4
匯出
下載 PNG、複製 CSS/Tailwind 或匯出影片。
使用案例
網頁設計
產生適用於網站或 UI 組件的背景漸層。
社群媒體
為貼文和限時動態製作引人注目的圖形。
簡報
為簡報和 PDF 投加入生動的漸層投影片。
品牌
設計客製化的漸層調色盤，用於品牌識別。
常見問題
這個工具是離線的嗎？
所有的產生都在您的瀏覽器中進行；沒有任何資料傳送到伺服器。
有哪些匯出格式可供使用？
CSS, Tailwind, PNG, MP4 影片，以及網格 JSON。
我可以儲存我的作品嗎？
您可以下載漸層 JSON 以稍後重新載入。