网格渐变生成器

网格渐变生成器: 用途

网格渐变是由多块色斑交融而成的渐变，常用于网站、演示文稿和帖子的背景。

在这里选择二到五种颜色，混合位置直到满意，并复制由多层 radial-gradient 构成的 CSS，浏览器直接绘制，无需下载图片。你也可以按屏幕、帖子、快拍或链接预览图的尺寸下载 PNG。

使用方法

1. 选择颜色和背景。
2. 点击重新混合，直到满意构图。
3. 复制 CSS，或按合适尺寸下载 PNG。

使用场景

• 网站顶部（hero）背景。
• 演示文稿或帖子封面。
• 手机壁纸。

常见问题

什么是网格渐变？

它是由多块色斑向不同方向交融而成的渐变，而不是从一边到另一边。外观自然，像极光或水中的墨水，常用于网站和演示文稿的背景。

用 CSS 怎么实现？

在一个背景色之上叠加多层 radial-gradient，每层在某个位置有一种颜色，边缘透明。浏览器直接绘制，无需下载图片。

上面的文字怎么办？

选择明度相近的颜色，文字用与所有颜色都形成对比的颜色，或在文字后面加一层半透明图层。发布前请检查对比度。

真的免费吗？

是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。

相似工具