視覺化建立線性、放射與網格漸變
視覺化建立線性或放射漸變，並複製可直接使用的 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 張圖片的批量處理、優先隊列，以及無廣告瀏覽。
