所有屏幕测试工具渐变测试
渐变图片生成器
制作双色或三色的线性、径向渐变，设置角度与图片尺寸，下载渐变背景，或复制适用于网站的 CSS。
- 线性与径向渐变
- 下载图片与复制 CSS
实时预览
1920 × 1080 px预览会缩放以适应显示区域，下载文件将使用上方指定的准确像素尺寸。
background: linear-gradient(90deg, #2563eb, #e879f9);浏览器处理颜色插值的方式不同，CSS 和 PNG 的呈现可能略有差异。
使用方法
- 设置图片尺寸，并选择线性或径向渐变。
- 选择起始和结束颜色，可按需添加中间颜色，再调整线性渐变角度。
- 下载 PNG 或 JPEG，或复制 CSS 背景声明。
使用条件与限制
此工具用于生成装饰性渐变背景。检查色带请使用独立的渐变测试；生成图片不能证明屏幕的真实位深或色彩准确度。
常见问题
渐变角度是什么意思？
角度遵循 CSS 约定：0° 从下向上，90° 从左向右，180° 从上向下。径向渐变从中心开始。
下载的渐变图片与 CSS 完全一致吗？
两者使用相同的颜色和方向，但浏览器颜色插值及图片缩放可能造成细微差异。需要固定像素结果时，请使用下载的图片。