漸層圖片產生器可以將兩種顏色混合成可下載的背景圖。選擇顏色、角度、尺寸和格式，即可製作適合專案使用的漸層圖片。
即時預覽
預覽按比例縮放，匯出使用真實像素尺寸
#6366F1 -> #EC4899 · 135°
常用情境Popular Sizes
CSS Gradient
前端開發可直接複製使用
background: linear-gradient(135deg, #6366F1 0%, #EC4899 100%);
漸層背景產生器
圖片圖形線上建立適用於網站、社群媒體、簡報和影片的漸層背景。自訂顏色、角度和尺寸，下載 PNG、JPG 或 WebP，或複製 CSS 漸層。
漸層背景產生器
線上建立適用於網站、社群媒體、簡報、影片和設計專案的漸層背景圖。使用漸層產生器組合兩種顏色，為任何畫布製作平滑、可自訂的背景。
透過漸層製作器選擇起始色和結束色，調整 0-360° 漸層角度，設定比例或自訂尺寸，然後下載漸層圖片。顏色漸層產生器也提供多組漸層預設，方便快速開始。
網頁專案可以使用 CSS 漸層產生器複製可直接使用的 linear-gradient 樣式，也可以將背景下載為 PNG、JPG 或 WebP。所有處理都在瀏覽器本地完成，不會上傳圖片。
常見問題
選擇起始色和結束色，調整漸層角度，選擇比例或輸入自訂尺寸，然後預覽並下載結果。
可以。工具內建 Instagram 方圖和直圖、Story / Reel、YouTube 縮圖、Open Graph、Full HD、4K 與簡報尺寸。
可以。CSS 漸層產生器會產生可直接複製的 linear-gradient 樣式，貼到網站或應用程式的樣式表即可使用。
可以。切換到純色模式即可產生單色背景，也可以留在漸層模式中混合兩種顏色。
支援 PNG、JPG 和 WebP，可使用內建比例與常用尺寸，也可以輸入最大 10000 像素的自訂寬高。
免費使用，無需註冊，背景圖在瀏覽器本地產生，不會上傳圖片。
它將漸層製作器、圖片匯出和可直接使用的 CSS 整合在一個簡單的瀏覽器工具中。