经常看到大神设计出来的网页背景非常时尚大气，总习惯打开PS尝试模仿，但是效果不加更加耗费大量的时间，不管是前端设计师还是平面设计师，你们可能忽略了背景图案一键生成的工具，一切高端大气、时尚简约、欧式典雅等等，都不在话下，只要手上有几款称手的工具，就可以轻松生成，你跟设计大神只差一秒而已哦。好了，Boss设计推荐几款实用的背景图案生成工具。

一个生成 svg 格式波浪图案的线上工具，直接打开网站就能线上制作。提供一些基本选项，包括波浪类型、位置、颜色、透明度、密度等等，调整后会立即在网页中产生效果预览，最终可以将图片另存为 svg 矢量图或产生 svg 代码。

1.打开 Get Waves 下方官网直链按钮。

2.只需调节波浪类型，如曲线、折线、直角线，以及颜色和透明度，如果你没有注意，也可以按随机按钮。

3.制作完成后点击下载按钮，选择要下载 .svg 格式矢量图或直接复制上方 svg 代码。

1.在线制作波浪图

2.可自定义调整波浪样式、位置、颜色、透明度和密集程度

3.可生成 svg 矢量图或直接复制 svg 代码

一个免费的在线图像生成器，它使用好几种不同的模板和样式来生成独特的创意超大分辨率图片，可以很好的帮助设计师来快速解决问题。同时制作完成后支持 JPG 和 PNG 两种格式下载。

1.选择图像尺寸

单击“图像大小”下拉框以选择预设图像大小，或在选项下方的两个文本框中自定义图像宽度和高度。

2.设置颜色

单击“颜色类型”并选择“自定义颜色”，然后可以自定义颜色，或将“颜色类型”设置为“随机颜色”以在图像上创建条形的随机颜色。如果要插入条形或线条形不同的渐变颜色，则可以增加“渐变范围”选项值。

3.普通条形大小，宽条大小和振幅

您可以通过“普通条宽度”，“普通条高度”，“宽条数量”，“宽条宽度”和“宽条高度”更改条大小和粗条大小，以获得不同的渲染结果。 “振幅”选项控制线条和条形位置的随机振幅。

4.保存背景图片

单击“保存为JPG”或“保存为PNG”按钮以保存生成的条形背景图像。

一款在线生成精美 SVG 格式的背景图案神器，输入字符即可自动生成炫酷的 SVG 背景图像，同时还是一个 js 插件，可以到作者 github 主页上面下载，只要输入字符就会变换不同炫酷的图案，根据自己的喜爱保存下载 png 格式的图片。

一个非常漂亮在线生成背景的工具，可以帮助您创建具有颜色，渐变和形状等时尚背景元素。您可以为博客，社交媒体和网站设计以及电脑桌面墙纸创建图像。您也可以在静态和动画背景选项中创建自定义项。只需在浏览器中添加所需内容并下载即可。

Cool Backgrounds 目前提供五个背景选项，从动态粒子到广受欢迎的 Unsplash。随着时间的推移，Cool Backgrounds 会不断添加更多选项，成为网络上最佳背景图像工具的精选存储库。

SVG 背景工具可以创建有趣或时髦的网站背景​，一键快速自定义和应用背景，SVG 格式可实现全屏高清视觉效果，文件大小只有 5 KB，并且对现代浏览器兼容性好。

对于前端设计师来说，是一个很酷的 SVG 背景网站。提供多款可自定义颜色的 SVG 纯代码对矢量背景，提供的背景样式很符合现代网页设计风，值得收藏哦。

一个使用 Web 项目的 SVG 背景图案在线工具，提供上百款类型的背景图案模式，通过调整两种颜色和透明度来设计自己喜欢 SVG 背景素材，从而利用到你的网站博客或者公司网站设计项目当中。

Hero Patterns 总体的背景图案的风格是偏向纹理、低调的，通过简单的调整颜色和透明度，就可以变成全新风格的背景，下载了 SVG 格式后可以通过 Ai 或者 Sketch 里再次编辑，非常实用，值得推荐的一个制作 SVG 背景图案在线工具。

上述就是Boss设计分享的在线生成背景图案的工具，更多国外设计资源网址，持续关注Boss设计哦。