🌈

CSS 渐变生成器

可视化生成线性/径向渐变，支持多颜色节点与一键复制。

渐变类型角度135°

颜色节点

预览

CSS 代码

background: linear-gradient(135deg, #ff6b6b 0%, #4d9fef 100%);

关于此工具

CSS 渐变生成器帮助设计师与前端快速构建高质量渐变背景。支持线性与径向渐变切换，可调整角度、中心位置与颜色节点比例，实时预览效果并一键复制 CSS 代码，适用于网页背景、按钮、卡片与插画场景。所有操作在本地完成，隐私安全。