CSS 漸層產生器
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 最後更新：2026 · 免費線上工具
什麼是 CSS 漸層產生器？
免費線上視覺化編輯器，建立CSS漸層並複製代碼
使用方法
- 1 選擇類型 — 選擇漸層類型（線性、徑向、錐形）。
- 2 調整顏色停止點 — 調整每個顏色停止點的顏色和位置。
- 3 預覽 — 在預覽中即時查看結果。
- 4 複製CSS程式碼 — 使用'複製'按鈕將CSS程式碼複製到剪貼簿。
相關工具
常見問題
沒有限制，但通常2-6個。太多可能會影響效能。
支援。啟用'重複'核取方塊即可新增repeating前綴。
提供5種預設：Sunset、Ocean、Forest、Midnight和Rainbow。
目前僅輸出純CSS。Tailwind轉換計劃在未來更新中新增。
不會。所有處理都在瀏覽器中完成。