渐变背景生成器

图片图形

在线创建适用于网站、社交媒体、演示文稿和视频的渐变背景。自定义颜色、角度和尺寸,下载 PNG、JPG 或 WebP,或复制 CSS 渐变。

实时预览

预览按比例缩放,导出使用真实像素尺寸

渐变16:91920 × 1080
#6366F1 -> #EC4899 · 135°

CSS Gradient

前端开发可直接复制使用

background: linear-gradient(135deg, #6366F1 0%, #EC4899 100%);

渐变背景生成器

在线创建适用于网站、社交媒体、演示文稿、视频和设计项目的渐变背景图。使用渐变生成器组合两种颜色,为任意画布制作平滑、可定制的背景。

通过渐变制作器选择起始色和结束色,调整 0-360° 渐变角度,设置比例或自定义尺寸,然后下载渐变图片。颜色渐变生成器还提供多组渐变预设,方便快速开始。

网页项目可以使用 CSS 渐变生成器复制可直接使用的 linear-gradient 样式,也可以将背景下载为 PNG、JPG 或 WebP。所有处理都在浏览器本地完成,不会上传图片。

常见问题

什么是渐变图片生成器(gradient image generator)?

渐变图片生成器可以将两种颜色混合成可下载的背景图。选择颜色、角度、尺寸和格式,即可制作适合项目使用的渐变图片。

如何使用渐变制作器(gradient maker)?

选择起始色和结束色,调整渐变角度,选择比例或输入自定义尺寸,然后预览并下载结果。

可以制作社交媒体使用的渐变背景图吗?

可以。工具内置 Instagram 方图和竖图、Story / Reel、YouTube 缩略图、Open Graph、Full HD、4K 与演示文稿尺寸。

颜色渐变生成器可以生成 CSS 吗?

可以。CSS 渐变生成器会生成可直接复制的 linear-gradient 样式,粘贴到网站或应用的样式表即可使用。

也可以制作纯色背景吗?

可以。切换到纯色模式即可生成单色背景,也可以留在渐变模式中混合两种颜色。

支持哪些导出格式和尺寸?

支持 PNG、JPG 和 WebP,可使用内置比例与常用尺寸,也可以输入最大 10000 像素的自定义宽高。

这个渐变生成器免费吗?

免费使用,无需注册,背景图在浏览器本地生成,不会上传图片。

为什么使用这个渐变背景生成器?

它将渐变制作器、图片导出和可直接使用的 CSS 整合在一个简单的浏览器工具中。