跳到内容

🌈 CSS 渐变生成器

可视化编辑 linear / radial / conic 渐变。自由添加或删除色标并复制 CSS 代码。

✅ 完全免费 · 无需注册 · 不发送到服务器

🔒 关于隐私

色标

预设

📖 使用方法

  1. 1
    选择类型
    选择 linear / radial 或 conic。
  2. 2
    编辑色标
    选择颜色和位置。可添加或删除。
  3. 3
    复制 CSS
    将生成的 CSS 粘贴到 background 属性。

❓ 常见问题

我的数据会发送到服务器吗?
不会。一切都在您的浏览器中运行。
浏览器支持情况?
linear / radial 全部支持。conic 需 Chrome 69+ 等。
可以添加多少个色标?
无上限。实用上 2 至 10 个。