CSS 渐变生成器
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 最后更新：2026 · 免费在线工具
什么是 CSS 渐变生成器？
免费在线可视化编辑器，创建CSS渐变并复制代码
使用方法
- 1 选择类型 — 选择渐变类型（线性、径向、锥形）。
- 2 调整颜色停止点 — 调整每个颜色停止点的颜色和位置。
- 3 预览 — 在预览中实时查看结果。
- 4 复制CSS代码 — 使用'复制'按钮将CSS代码复制到剪贴板。
相关工具
常见问题
没有限制，但通常2-6个。太多可能会影响性能。
支持。启用'重复'复选框即可添加repeating前缀。
提供5种预设：Sunset、Ocean、Forest、Midnight和Rainbow。
目前仅输出纯CSS。Tailwind转换计划在未来更新中添加。
不会。所有处理都在浏览器中完成。