关于此工具
通过选择颜色、位置和角度，创建双色线性或径向渐变，然后复制 background 规则。实时预览完全在你的浏览器中运行。
常见问题
线性渐变中的角度是什么？
角度决定颜色过渡的方向：0° 朝上，90° 朝右，180° 朝下，以此类推。
什么时候该用径向而不是线性？
当你想让颜色从中心点向外辐射时（如聚光灯效果）就用径向；线性则沿一条直线混合颜色。
默认保护隐私
▤
CSS 渐变生成器
创建线性或径向渐变，实时预览并复制 CSS。
文件始终留在此设备上
试试完整示例
示例
选择线性类型，将角度设为 135，颜色设为 #ff7e5f 和 #feb47b。CSS 为 background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);。把第一个色标移到 20，第一种颜色会在前 20% 的区域保持纯色。
注意事项
0deg 指向上方，90deg 指向右方，所以 135deg 从左上角延伸到右下角。如果文字位于渐变之上，请分别检查它与两端颜色的对比度。