CSS 渐变生成器
选两三个颜色、调一下角度，复制现成的 CSS 渐变代码。
看起来专业的渐变怎么调
渐变出彩的诀窍其实克制：颜色不超过三档，角度统一一个方向，相邻色相差不要太大。工具实时预览所选颜色与角度的渐变效果，CSS 代码同步生成——复制出来直接粘进样式表就能用。没有头绪时，页面备了三组久经验证的组合：极光、日落、薄荷，一键套用再微调，比从零摸索快得多。
两个使用要点：写进 CSS 时属性要用 background 而不是 background-color（渐变是图像不是颜色）；大面积渐变避免搭配 background-attachment： fixed，那会在部分浏览器引发重绘卡顿。
使用步骤
1. 选择两到三个颜色，拖动调整角度。
2. 预览满意后点击「复制 CSS」。
3. 没灵感就点「随机渐变」，从现成方案起步微调。
常见问题
角度是什么意思？
渐变推进的方向：90 度从左到右，180 度从上到下，以此类推。
渐变兼容性如何？
所有现代浏览器均支持线性渐变，移动端表现一致，可放心用于生产环境。
生成会上传吗？
不会。渐变代码在你的浏览器内实时生成。
隐私说明
生成完全本地：你试验的配色方案不出浏览器，下一个爆款页面的视觉，先在这里悄悄长出来。