渐变色生成器
调出想要的渐变色，直接复制 CSS 代码。
135°
本地渲染，不联网。
关于渐变色生成器
渐变色生成器把「试颜色」这件事变得很快：选颜色、拖角度，预览实时更新，满意了直接复制 CSS 代码粘到项目里。
支持线性渐变和径向渐变两种类型。线性渐变可以调角度，径向渐变可以选择从中心还是从某个角落发散。颜色数量不限于两个，需要更复杂的过渡时可以加色标。
输出的代码是标准 CSS，不依赖任何框架或库，粘到哪都能用。所有计算和渲染都在浏览器本地完成。
怎么用
- 选第一个颜色和第二个颜色，预览会立即更新
- 拖动角度滑块调整方向，或在径向模式下选择发散位置
- 需要更多颜色层次时点「加一个色标」
- 点复制按钮，把 CSS 代码粘到你的样式表里
常见问题
- 复制出来的代码能直接用吗？
- 可以。输出的是标准 CSS 的 background 属性值，例如 linear-gradient(135deg, #667eea 0%, #764ba2 100%)，粘到任何 CSS 文件或内联样式里都能生效。
- 怎么调出好看的渐变？
- 一个实用经验是避免用两个饱和度都很高的颜色直接对撞，容易显得刺眼。可以试试「一深一浅」「邻近色」或者加一个中间色标过渡。点「随机」按钮多看几组也能找到感觉。
- 支持透明渐变吗？
- 支持。颜色的 alpha 值可以通过色标的透明度调整，用来做图片上的遮罩渐变。
- 生成的颜色有版权问题吗？
- 颜色本身不受版权保护，生成的渐变可以自由使用。