Noise Gradient

混合颜色、添加纹理、导出

空格随机 · Ctrl+Z 撤销

CSS

/* 生成中… */
调色板
预设
渐变类型
有机
颗粒样式
混合模式
导出尺寸
Favorites

导出 1000×563px

免费渐变与噪点纹理生成器

创建有机、线性、径向和圆锥渐变背景,添加颗粒与纹理,选择调色板,导出为 PNG 或 SVG。无需账户与注册,在浏览器中使用并秒速下载。

使用场景

网页与应用

主视觉、落地页、启动屏。可导出 2000px 视网膜尺寸。

社交与分享

社交媒体与分享图。使用 1:1 或 16:9 直接放入项目。

演示与印刷

幻灯片、海报。SVG 保持清晰;PNG 通用。

如何使用

选择渐变类型(有机、线性、径向或圆锥),在调色板中增删颜色并调整扩散与纹理。设置宽高比与长边尺寸后导出 PNG 或 SVG。按空格键随机生成新变体。

所有导出均可免费用于个人与商业用途。

更多功能

预设与收藏

一键渐变预设(日落、海洋、极光等)。保存自定义预设到收藏并随时加载。

分享与复制链接

复制包含完整设计的链接,他人打开即可看到相同渐变、颜色与设置。

从图片取色

上传图片并提取调色板,工具会采样主色并填充渐变节点。

撤销与重做

完整操作历史,支持 Ctrl+Z / Ctrl+Shift+Z 撤销与重做。

复制 CSS

一键复制即用 CSS:渐变与颗粒层及 mix-blend-mode,可直接用于样式。

颗粒样式

选择噪点(细腻)、胶片(颗粒)或扫描线,为渐变带来不同纹理。

混合模式

叠加、正片叠底、柔光等,控制颗粒与渐变的混合效果。

导出尺寸

选择宽高比(1:1、16:9、9:16、4:3、3:4)与长边(500、1000 或 2000px)。PNG 与 SVG 共用设置。

常见问题

  • 需要注册吗?

    不需要。在浏览器中使用生成器并下载 PNG 或 SVG,无需注册。

  • 可以商用吗?

    可以。所有导出均可免费用于个人与商业用途。

  • 可导出哪些尺寸?

    宽高比:1:1、16:9、9:16、4:3、3:4。长边:500、1000 或 2000px。

  • PNG 和 SVG 有什么区别?

    PNG 为位图,适合固定尺寸;SVG 可缩放。两者均含纹理。

四种渐变类型,一个工具

一键切换有机、线性、径向与圆锥渐变,用纹理滑块添加颗粒,导出与预览一致。

导出 PNG 或 SVG

下载高清 PNG 或可缩放 SVG,均含纹理。选择宽高比与长边(500、1000 或 2000px)后导出,无水印、无需注册。

分享与复用

复制渐变链接,他人打开即可看到同一设计。或复制 CSS 粘贴到你的项目中,一段代码包含渐变与纹理。无需注册。