大多數漸層工具只會給你一段CSS程式碼。這個工具會把漸層實際繪製到canvas畫布上，讓你依照需要的精確像素尺寸下載完成的PNG圖片，不管是手機桌布、1920x1080的桌面背景、正方形社群貼文，還是自訂尺寸都可以。過程完全不會上傳任何資料：圖片全部在你的裝置上繪製並儲存，顏色與檔案都不會外流。
免費漸層產生器
全程在瀏覽器裡執行，免上傳、免註冊。
類型
圖片尺寸
px
色標
將儲存實際尺寸的PNG，尺寸為 1920×1080 px
什麼是漸層產生器？
漸層產生器是一款能將兩種以上顏色平滑混合成漸層效果，並匯出成可下載圖片的工具。選擇顏色與色標，選擇線性或放射狀，設定尺寸，就能存下一張PNG圖片，用來當桌布、背景、橫幅或縮圖。整個過程都在瀏覽器裡完成。
使用方式
- 1選擇線性或放射狀. 線性漸層會依你設定的角度沿一直線混合顏色；放射狀漸層則從中心向外呈圓形擴散。
- 2設定顏色與色標. 點擊色塊選擇顏色，拖曳滑桿移動色標位置。最多可新增8個色標，最少保留2個，按下「隨機」還能快速獲得靈感。
- 3選擇圖片尺寸. 點選預設尺寸（桌面、手機、正方形、社群），或直接輸入自訂的寬度與高度（像素）。預覽會即時更新。
- 4下載PNG圖片. 點擊「下載PNG」即可將漸層以完整解析度存成圖片，也可以複製CSS程式碼，在程式中重複使用同樣的漸層效果。
適合誰用
- 設計師與內容創作者需要幫投影片、縮圖、橫幅或限時動態做出乾淨的漸層背景圖，卻不想開Photoshop。
- 手機和電腦使用者想依照螢幕的精確解析度製作專屬的漸層桌布。
- 開發者想要一張輕量的漸層PNG佔位圖或主視覺圖，再加上對應的CSS程式碼在程式中重現。
- 社群媒體經營者需要匯出符合品牌調性、尺寸適用於貼文、限動與封面圖的漸層背景。
常見問題
這個漸層產生器免費嗎？
是的，100%免費，不用註冊，沒有浮水印也沒有次數限制。你可以隨意製作並下載漸層圖片。
有東西會上傳到伺服器嗎？
不會。漸層完全透過canvas在你的瀏覽器裡繪製並儲存，不會把顏色、圖片或使用資料傳到任何地方。
它匯出的是什麼圖片格式？
它會匯出PNG格式，讓漸層保持完全平滑、無損，不會有壓縮造成的雜訊。檔案會依你設定的完整像素尺寸儲存，可以直接拿來當桌布、背景或上傳使用。
漸層桌布應該做多大尺寸？
依照你的螢幕來選。常見的選擇是大多數桌面用1920x1080，直向手機用1080x1920，正方形社群貼文用1080x1080。你也可以輸入任意自訂寬度與高度，最大到8000像素。
線性漸層和放射狀漸層有什麼差別？
線性漸層依你選擇的角度沿一直線混合顏色，色彩會在畫面上依方向漸變。放射狀漸層則從一個中心點向外呈圓形擴散，顏色從中心到邊緣逐漸變化。
除了圖片，我還能拿到CSS嗎？
可以。除了可下載的PNG圖片，工具還會顯示對應的background-image CSS。複製這段程式碼，就能在網站或應用程式中重現一模一樣的漸層效果，不必用圖片檔案。
色標是怎麼運作的？
每個色標都會把一個顏色對應到漸層上0%到100%之間的某個位置，相鄰色標之間會平滑過渡。如果把兩個色標放在同一個位置，就會形成硬邊界而不是漸變，很適合用來做條紋或色塊背景。