CSS渐变生成器
直观排列颜色和位置，选择线性角度或径向形状，再复制简洁的CSS渐变。
使用步骤
如何使用
- 选择线性或径向渐变。
- 调整颜色及其0–100%位置，按需增加色标。
- 查看实时预览并复制CSS背景声明。
有序色标
每次调整位置时，色标按0%到100%排序。位置相同的色标保留当前顺序，形成清晰的颜色分界。
线性和径向控制
线性渐变使用角度；径向渐变可选圆或椭圆。生成的CSS使用现代浏览器支持的linear-gradient()和radial-gradient()。
本地预览，再复制
预览由浏览器CSS渲染并随控制项变化更新；颜色和CSS值不会离开页面。简单混合用两个色标，最多六个可形成更多层次。
常见问题
你可能还想知道
为什么色标移动了？
编辑器按百分比排序，便于阅读CSS；位置相同的色标保留当前顺序。
如何产生突变？
把相邻两色设为同一位置，CSS会在该位置直接切换。
线性角度如何理解？
0deg向上，90deg向右，180deg向下，270deg向左。
会上传颜色或CSS吗？
不会。预览和可复制声明均在浏览器本地生成。