CSS 漸層產生器
linear / radial / conic 三模式
🔒 所有資料在您的瀏覽器中處理，不會上傳到任何伺服器。
快速理解
CSS 漸層產生器可以怎麼幫你？
免費 CSS gradient 漸層產生器，支援 linear/radial/conic 三種類型，可自訂角度、色彩節點、位置。即時預覽 + 一鍵複製 CSS。
適合情境
適合臨時處理檔案、整理文字、計算資料、製作內容或確認網站與 AI 相關設定。
使用方式
打開工具後依欄位輸入或上傳資料，結果會在頁面中即時產生，可直接複製或下載。
隱私與限制
多數工具在瀏覽器本地處理，不需登入。大型檔案或舊裝置可能會受瀏覽器記憶體限制。
常見問題
什麼是 conic 漸層？
錐形漸層，色彩繞中心點旋轉。適合做圓餅圖、進度環效果。
radial vs linear？
linear 從一端到另一端線性過渡；radial 從圓心向外擴散。
支援哪些瀏覽器？
linear/radial 所有現代瀏覽器都支援。conic 需要 Chrome 69+ / Safari 12.1+ / Firefox 83+。