图片与设计工具

网格渐变生成器

选择四种颜色和位置,在不上传内容的情况下预览平滑的径向网格渐变。

优先本地处理无需注册隐私说明 ↗

选择四种颜色和位置。

使用步骤

如何使用

  1. 选择四种颜色并调整位置。
  2. 预览 CSS 网格渐变。
  3. 复制 CSS 或下载文件。

浏览器原生输出

预览由多层 CSS 径向渐变构成。生成的声明只包含所选颜色和百分比,可粘贴到样式表中。

本地处理

颜色选择、预览、复制和下载都在浏览器中完成,不会上传颜色数据。

常见问题

你可能还想知道

这是位图图片吗?

不是,结果是能在浏览器中自适应渲染渐变的 CSS。

可以商用生成的 CSS 吗?

可以;请另行确认所选颜色素材的使用权。

支持多少种颜色?

此专注工具使用四个径向颜色点。