免費線上 CSS 漸層產生器

• 選擇漸層類型（線性或徑向）。
• 若為線性漸層，請調整角度。
• 使用「新增節點」加入色彩節點，或編輯/刪除既有節點。
• 點擊「隨機」按鈕可產生隨機漸層。
• 在右側預覽區即時查看效果。
• 點擊「複製」取得產生的 CSS 程式碼。

小提示

• 線性漸層會沿直線方向做色彩過渡。
• 徑向漸層會由中心向外擴散顏色。
• 所有產生都在瀏覽器本機完成，不需上傳資料。