視覺化建立線性、放射與網狀漸層
建立線性或放射漸層，並取得可直接複製貼上的 CSS 輸出。
挑選兩種或更多顏色，隨心拖曳調整漸層，然後複製 CSS。或者下載為 PNG，用作桌布、投影片背景或社群貼文背景。支援線性、放射與錐形漸層，還有網狀漸層模式，可製作出現代 UI 中常見的柔和 Apple 風格背景。
linear-gradient(...) 或 background-image: 宣告。bg-gradient-* 類別，以及任何自訂顏色的補充。色輪上相鄰的顏色 = 柔和、和諧。相對的顏色 = 大膽、引人注目。加入第三個中間色點來銜接較大的差距。若要製作符合品牌的漸層，請貼上您的品牌 HEX 色碼，並為第二個色點挑選一個色調或陰影。使用我們的 顏色轉換器 來尋找色調（HSL 亮度較高）或陰影（亮度較低）。
可以——複製的CSS可在任何現代瀏覽器中使用。針對較舊的目標環境提供了SVG回退方案。
现代浏览器普遍支援。CSS语法仅需一行。
免費版：最高 4K（3840×2160）。進階版：8K 及以上。
在網路上，它們是基於 SVG 或 Canvas 技術。我們提供平面化的 PNG 檔案方便您直接使用，同時也附上 SVG 原始檔供您編輯。
登入（免費）後，已儲存的漸層會出現在你的圖庫中。
圍繞一個點旋轉——就像色輪或圓餅圖。現代 CSS 已原生支援此功能。
僅支援靜態匯出。如需動態背景，請複製 CSS 並在漸層角度周圍加入 CSS 動畫。
你可以直接手寫——這個工具只是讓視覺迭代更快。複製並調整。
漸層產生器 是 Wallpapers.com 提供的免費線上工具，完全在您的瀏覽器中運行 — 無需安裝、無水印、首次試用無需註冊電郵。 建立線性或放射漸層，並取得可直接複製貼上的 CSS 輸出。
常見用途包括： 為網頁上傳、電商清單、有格式限制的社群媒體平台做圖片準備，以及在不同裝置或應用程式間轉換檔案。
每位訪客均可免費試用一次；登入的免費用戶享有更高的每日配額。訂閱 高級 以獲取無限次運行、每批次最多 200 張圖片的批量處理、優先隊列，以及無廣告瀏覽。
