1. 01在色标条上选择、拖动或新增色标，修改颜色与 0–100% 位置。
2. 02选择线性、径向或圆锥类型，并设置该类型对应的角度、形状和中心。
3. 03复制生成的 CSS；线性和径向还会带旧版 -webkit- 兼容写法，第一行提供纯色兜底。
4. 04需要图片时选择预设分辨率并导出 PNG 壁纸。

• 色标位置限制 0–100%，至少保留两个；在两色之间新增时会按相邻颜色线性插值得到初始颜色。
• 线性角度在界面中为 0–359°；径向支持 circle/ellipse，中心位置限定为九个预设方位。
• PNG 分辨率预设包含 1920×1080、2560×1440、3840×2160、1080×1920 和 1290×2796。
• Canvas 的径向 ellipse 导出通过坐标缩放近似 CSS 椭圆效果；不同浏览器的 CSS 渲染与导出像素可能有细微差异。
• 不做什么：不生成渐变动画、不导出 SVG，也不从远程图库下载配色。

配色、CSS 和 PNG 都在浏览器本地计算与生成，不请求远程配色或图像服务。