▥

CSS 渐变生成器

本机历史保留最近 20 个渐变方案。

已上线

线性 / 径向 / 圆锥渐变 · 实时预览 · 一键复制

加载工具中…

可视化 CSS 渐变色生成器。支持线性、径向、圆锥三种渐变，多色 stop 自定义、角度可调、Tailwind 输出。

1选择渐变类型

2添加 / 拖拽色标

3复制 CSS

核心功能

这个工具能做什么

linear-gradient / radial-gradient / conic-gradient 全支持。

可视化添加 / 删除 / 拖拽颜色 stop。

调整参数实时预览大色块效果。

兼容 Tailwind v4 任意梯度语法。

支持哪些渐变类型？+

linear-gradient（线性）/ radial-gradient（径向）/ conic-gradient（圆锥）三种 CSS 标准渐变。

Tailwind v4 兼容吗？+

兼容。Tailwind v4 通过 bg-gradient-to-r 等类支持，我们也输出原生 CSS 给 @theme 用。

可以保存配置吗？+

本机历史保留最近 20 个渐变方案。