CSS 漸變生成器
使用兩個或三個色標建立漂亮的線性和徑向 CSS 漸變。即時預覽並一鍵複製 CSS。無需註冊，純前端執行。
幾秒鐘做出一個漸變。 選擇兩到三種顏色，切換線性或徑向，設定角度，即可複製可直接貼上的 CSS。所有操作都在瀏覽器本地完成——任何資料都不會被上傳。
修改顏色時預覽會即時更新。
關於 CSS 漸變
線性與徑向
線性漸變沿給定角度的直線方向流動；徑向漸變從中心點以圓形向外擴散。
漸變的用武之地
無需額外圖片資源即可為按鈕、首屏、卡片和背景增添層次感，讓頁面更輕量、更快。
常見問題
可以使用三個以上的顏色嗎？
本工具最多支援三個色標。如需更多，可在生成的 CSS 中手動新增顏色值。
角度對徑向漸變有影響嗎？
沒有影響——角度僅適用於線性漸變。徑向漸變從中心均勻擴散。
我的顏色資料會被上傳嗎？
不會。所有處理都在瀏覽器本地完成。