所有屏幕測試工具漸層測試
漸層圖片產生器
製作雙色或三色的線性、放射狀漸層，設定角度與圖片尺寸，下載漸層背景，或複製適用於網站的 CSS。
- 線性與放射狀漸層
- 下載圖片與複製 CSS
即時預覽
1920 × 1080 px預覽會縮放以配合顯示區域，下載檔案會使用上方指定的精確像素尺寸。
background: linear-gradient(90deg, #2563eb, #e879f9);瀏覽器處理顏色插值的方式不同，CSS 和 PNG 的呈現可能略有差異。
使用方法
- 設定圖片尺寸，並選擇線性或放射狀漸層。
- 選擇起始和結束顏色，可視需要新增中間顏色，再調整線性漸層角度。
- 下載 PNG 或 JPEG，或複製 CSS 背景宣告。
使用條件與限制
此工具用於產生裝飾性漸層背景。檢查色帶請使用獨立的漸層測試；產生的圖片不能證明螢幕的真實位元深度或色彩準確度。
常見問題
漸層角度是什麼意思？
角度遵循 CSS 慣例：0° 從下往上，90° 從左往右，180° 從上往下。放射狀漸層從中心開始。
下載的漸層圖片與 CSS 完全一致嗎？
兩者使用相同的顏色和方向，但瀏覽器顏色插值及圖片縮放可能造成細微差異。需要固定像素結果時，請使用下載的圖片。