通过可视化编辑器制作 CSS 渐变：支持线性、径向、锥形三种类型，可添加多个颜色节点、调整节点位置与角度，实时预览并一键复制可直接使用的 CSS 代码。
CSS 渐变无需图片即可实现平滑的色彩过渡。本工具提供可视化编辑：选择渐变类型后，在渐变条上添加、拖动颜色节点，并调整每个节点的颜色与位置。
线性渐变可设置角度，径向渐变可设置形状与中心位置，锥形渐变可设置起始角度，满足常见的背景与按钮需求。
除手动编辑外，还可以一键生成随机渐变，或从图片中提取颜色生成渐变节点。生成的 CSS 代码可直接复制到样式表。
Q：生成的 CSS 可以直接用吗？
可以。工具输出标准 background: linear-gradient(...) 等写法，直接复制到 CSS 即可，兼容主流现代浏览器。
Q：支持多个颜色节点吗？
支持。可在渐变条上任意添加节点，并分别设置颜色与百分比位置，节点也可删除。
Q：径向和锥形渐变有什么区别？
径向渐变从中心向外扩散，常用于光晕；锥形渐变围绕中心旋转分布，常用于色轮或仪表盘效果。
Q：可以从图片生成渐变吗？
可以。上传图片后工具会分析图片颜色，自动生成与之接近的渐变节点。
继续使用本站其它颜色处理工具：
