UTILS.
100% 浏览器内运行

CSS 渐变生成器

创建线性或径向渐变,实时预览并复制 CSS。

关于此工具

通过选择颜色、位置和角度,创建双色线性或径向渐变,然后复制 background 规则。实时预览完全在你的浏览器中运行。

常见问题

线性渐变中的角度是什么?
角度决定颜色过渡的方向:0° 朝上,90° 朝右,180° 朝下,以此类推。
什么时候该用径向而不是线性?
当你想让颜色从中心点向外辐射时(如聚光灯效果)就用径向;线性则沿一条直线混合颜色。

更多工具