CSS 渐变生成器

可视化生成 CSS 渐变背景

添加色标，调整角度，在线性和径向模式间切换。预览和 CSS 输出即时更新。一键复制 background 属性。一切在本地运行 — 无需上传。

色标可设置可选的百分比位置。留空则浏览器自动均匀分布。拖动角度将线性渐变旋转 0 到 360 度。

常见问题

线性与径向的区别？ 线性沿直线过渡颜色，径向从中心向外圆形辐射。

可以使用命名颜色或 rgba 吗？ 可以 — 支持任意有效的 CSS 颜色值。