OneKitTools logoOneKitTools
返回图片

渐变生成器

创建 CSS 渐变，15 个预设，导出为 CSS、Tailwind、SCSS 和 PNG

关于 渐变生成器

创建自定义 CSS 渐变，15 个预设，实时预览并导出为 CSS、Tailwind、SCSS 或 PNG。

如何使用 渐变生成器

  1. 1选择渐变类型：线性、径向或锥形。
  2. 2添加或编辑颜色 — 拖动色标调整位置。
  3. 3设置角度（线性）或形状（径向：圆形/椭圆）。
  4. 4Starter+：从 15 个专业预设中选择或点击「随机生成」。
  5. 5复制 CSS 代码或导出为 Tailwind、SCSS 或 PNG。

提示

  • 锥形模式非常适合色轮效果或仪表盘指示器。
  • 将渐变下载为 PNG 可用作壁纸、横幅或占位图片。
  • 文字预览展示渐变作为 background-clip: text 效果的外观。

相关工具

OneKitTools 团队更新于 2.21.4