CSS 漸層產生器
組合一段 CSS 線性或徑向漸層，即時預覽並複製可直接使用的 background 規則。
CSS 漸層產生器
選類型、設角度與色標，然後複製 CSS。
還沒有漸層
在上方選好顏色，然後點「產生漸層」。
未填位置的色標由瀏覽器自動均分；徑向漸層固定使用 circle。
完全在你的瀏覽器本機執行，不會上傳。
使用說明
這款工具完全在瀏覽器本機執行，隱私又有速度。
1 ⚡
本機工具箱不限次免費本次執行消耗 1 點數，並自動記入使用紀錄。
登入後即可儲存並查看使用紀錄。
我的使用紀錄
尚無使用紀錄。
常見問題
- 有免費額度可以試用CSS 漸層產生器嗎？
- 有的——新帳戶可獲得3點免費額度，可用於任意工具，包括CSS 漸層產生器。之後只按實際使用量付費。
- CSS 漸層產生器 一次消耗多少點數？
- 全程在瀏覽器本機處理、不上傳資料：免費帳號每次執行消耗 1 點數，Pro 與 Pro+ 會員不限次免費。
- 我貼上的內容安全嗎？
- CSS 漸層產生器 只用你的輸入產生結果，儲存的結果會依保留策略自動刪除，你也可以隨時從歷史記錄中刪除。
- 需要安裝軟體嗎？
- 不需要。CSS 漸層產生器 在任何現代瀏覽器裡都能直接使用，無需下載或安裝。
相關工具
使用者接著常用的工具，延續同一套工作流程。