CSS 渐变生成器
可视化生成线性、径向、圆锥渐变，支持自定义颜色停止点与预设模板，一键复制 CSS 代码。
配置
deg
颜色停止点
%
%
预设模板
实时预览
代码输出
使用说明
功能介绍
CSS 渐变（Gradient）可以在元素背景中创建平滑的颜色过渡效果。本工具支持三种渐变类型：线性渐变（linear-gradient）、径向渐变（radial-gradient）和圆锥渐变（conic-gradient），可自由配置颜色停止点和角度，并提供常用预设模板。
操作步骤
选择渐变类型（linear/radial/conic），调整角度（线性与圆锥渐变可见），点击色块选择颜色或直接输入 HEX 色值，拖动滑块设置停止点位置，点击「添加停止点」增加颜色，点击「复制 CSS」获取代码，也可点击下方预设模板快速应用配色。
注意事项
颜色停止点至少保留 2 个，最多无限制但建议不超过 10 个以保证效果；位置范围为 0-100%；HEX 色值需符合 #RRGGBB 格式；径向渐变不支持角度配置；圆锥渐变从顶部开始顺时针计算角度；预设模板会覆盖当前所有停止点。