CSS 渐变生成器
使用两个或三个色标创建漂亮的线性和径向 CSS 渐变。实时预览并一键复制 CSS。无需注册，纯前端运行。
几秒钟做出一个渐变。 选择两到三种颜色，切换线性或径向，设置角度，即可复制可直接粘贴的 CSS。所有操作都在浏览器本地完成——任何数据都不会被上传。
修改颜色时预览会实时更新。
关于 CSS 渐变
线性与径向
线性渐变沿给定角度的直线方向流动；径向渐变从中心点以圆形向外扩散。
渐变的用武之地
无需额外图片资源即可为按钮、首屏、卡片和背景增添层次感，让页面更轻量、更快。
常见问题
可以使用三个以上的颜色吗？
本工具最多支持三个色标。如需更多，可在生成的 CSS 中手动添加颜色值。
角度对径向渐变有影响吗？
没有影响——角度仅适用于线性渐变。径向渐变从中心均匀扩散。
我的颜色数据会被上传吗？
不会。所有处理都在浏览器本地完成。