135°
70%
· 等待输入
色标
输出
色标编辑
—每行一个色标：颜色可以是 HEX / rgb() / rgba() / hsl()，位置写 0–100 的百分比（可省略）。最多 12 个，改动后会回写到上面的色标文本。
预设组合
—点一个预设会替换当前全部色标，角度与类型保持不变。
实时预览
—当前参数
—- 渐变类型
- —
- 角度
- —
- 尺寸
- —
- 圆心位置
- —
- 色标数量
- —
- 重复
- —
说明
- 数据不出浏览器 · 零网络请求 · 可断网可用。
- 色标写法：逗号分隔，每项是「颜色 + 可选位置」，颜色支持 HEX（3/4/6/8 位，可省 #）、rgb() / rgba()、hsl() / hsla()，位置写 50% 或 50。
- 省略位置时按 CSS 的规则自动分布：首尾两端撑满 0% 与 100%，两个已知位置之间按序号线性插值；位置会 clamp 到 0–100 并按升序排列。
- 角度对线性渐变是方向，对锥形渐变是 from 起始角；尺寸只影响径向渐变的半径，其余类型下它只记录在参数里，不写进 CSS。
- 少于 2 个色标构不成渐变：这时预览退化成第一个色标的纯色，输出改为一行说明，不会给出非法 CSS。
- 上限 12 个色标；在输入框里直接改动会重算位置并回写显式的百分比，方便复制到别处不走样。
- 输出的 CSS 同时给出 background-image、background-color 兜底与 background-repeat，粘贴即可使用；预览用元素内联样式实现，没有额外样式表。