CSS 漸層產生器
linear / radial / conic 三模式
🔒 所有資料在您的瀏覽器中處理，不會上傳到任何伺服器。
快速理解
CSS 漸層產生器可以怎麼幫你？
免費 CSS gradient 漸層產生器，支援 linear/radial/conic 三種類型，可自訂角度、色彩節點、位置。即時預覽 + 一鍵複製 CSS。
適合情境
適合開發、除錯、整理 API 資料、檢查格式或快速產生常用片段。CSS 漸層產生器的重點是讓你不用開 IDE 或安裝套件，就能先把資料看清楚。
使用方式
CSS 漸層產生器的操作重點是：把要處理的文字、程式片段或設定貼到輸入區，選擇需要的模式後執行。若資料很長，建議先用小段內容確認格式，再貼入完整資料。
結果怎麼看
使用CSS 漸層產生器後，結果會盡量保留可複製的格式，方便貼回文件、程式碼或設定檔。若工具有驗證功能，錯誤位置會比最終輸出更值得先看。
隱私與限制
使用CSS 漸層產生器時，多數處理都在瀏覽器內完成，不會要求帳號。請不要把密碼、私鑰、token 或未遮蔽的生產環境資料貼到任何線上工具。
關於CSS 漸層產生器：開發者工具適合快速檢查與轉換，不等於完整的安全審查；正式上線前仍要搭配測試、lint 與版本控管。
常見問題
什麼是 conic 漸層？
錐形漸層，色彩繞中心點旋轉。適合做圓餅圖、進度環效果。
radial vs linear？
linear 從一端到另一端線性過渡；radial 從圓心向外擴散。
支援哪些瀏覽器？
linear/radial 所有現代瀏覽器都支援。conic 需要 Chrome 69+ / Safari 12.1+ / Firefox 83+。