關於此工具
什麼是CSS Gradient Generator？
使用即時預覽建立 CSS 漸層。選擇類型（線性、徑向、圓錐），新增不限數量的色彩停駐點，設定角度（或徑向的位置），然後複製產生的 CSS。輸出支援所有現代瀏覽器；針對舊版瀏覽器，我們也提供帶有廠商前綴的備用寫法。
設計師用它來製作主視覺背景、按鈕樣式以及品牌氛圍的探索。可輸出為 CSS、Tailwind 類別或 SVG。
常見問題 · CSS GRADIENT GENERATOR
關於CSS Gradient Generator的常見問題
支援哪些漸層類型？
支援線性（最常見，以角度控制）、徑向（圓形或橢圓形，可調整位置）以及圓錐（最新的類型，讓顏色繞著中心點掃過，適合類似圓餅圖的設計）。所有結果都輸出為標準 CSS。
可以匯出為 Tailwind 嗎？
可以。除了原始 CSS 外，當色彩停駐點恰好符合 Tailwind 的命名色盤時，產生器也會輸出 Tailwind 工具類別（例如 `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`）。
免費嗎？
可以，不需註冊，直接在瀏覽器中執行。