酷炫的背景图生成工具，免费、开源、纯前端项目

[fangyex]

🫡 V2EX 的大佬们你们好

小弟花了几周时间，做了一个基于 JS 和 Webgl 的前端生成 背景图片、背景视频 的工具:

https://www.color4bg.com

（继续介绍）

如果你想给自己的项目，比如独立开发的产品落地页、PPT 文稿、或者个人社交网站的背景换换口味，那么不放用一下这个产品，它的主题颜色切换一定会弄出让你钟意的一张背景出来，比如下面这种类似 Stripe 的网站背景，就可以轻松得到：

（继续介绍）

🎨 目前这个版本，提供了几种模式的生成器，包括流体类型、渐变类型的、三角马赛克等等

🚀 功能包括：

• 多种生成器类型可选
• 均可以自定义颜色
• 懒得手动调颜色，有多个色系的色彩搭配，直接切换
• 支持导出为 PNG 、或 Webm 视频
• 支持将背景通过 JS 脚本引入 size<100k

并且，核心生成逻辑，开源： https://github.com/winterx/color4bg.js

👏🏻 欢迎大家使用，并留下意见反馈

[rekulas]

可以 但是默认的色彩搭配似乎不是很好看，最好+一些优秀组合，毕竟程序员不擅长这方面

[fangyex]

@rekulas 感谢你的反馈哈~ 其实产品里面有很多色彩主题可选的 🫡

[bzj]

很不错的项目，打算接入博客自动生成文章封面图，感谢开源

[bzj]

提个小小的建议，希望可以多一些像下面这种不规则的立体几何图形

https://imgur.com/a/3CHIBQI

[luyu911]

很好的工具

[goxxoo]

不错 撕个大

[fangyex]

@bzj 好的，感谢反馈 🫡 ~

[paloalto]

👍 不错，starred ❤️

[frank553000]

不错，已加入收藏夹~

[wuoty]

很有趣的项目

[Marcus233]

佬,速度能调吗

[EngelEyes]

孩子很喜欢

[Tyrant1984]

不错不错~

[38mbxsuZUxppIT6W]

不错，看看能不能引入我即将上线的产品中，给 op 点赞

[cpf]

好强啊，点赞👍

[wonderfulcxm]

学习了

[deiphi]

很酷，可以做海报背景。

[enqueueit]

bucuo

[MLawliet]

挺好的，横向风格效果不错，但是换成竖向 size 后好像只是简单的做了缩放，效果不太好，尤其是 abstract-shape 样式

[fangyex]

@MLawliet 感谢您的反馈！我正在优化这块，非常感谢 🫡