CSS 渐变生成器
创建线性或径向 CSS 渐变，调整方向与色标并复制样式代码。
渐变设置
CSS 预览
background: linear-gradient(120deg, #0F766E 0%, #38BDF8 50%, #F97316 100%); 输入与输出示例
#0F766E · #38BDF8 · #F97316三色 CSS 渐变如何使用
- 选择线性或径向模式。
- 调整色标和线性渐变角度。
- 复制生成的 CSS 背景声明。
能力与限制
- 浏览器本地处理
- 输出针对现代浏览器 CSS。
- 渐变只在页面内预览，不保存设置。
常见问题
- 可添加更多色标吗？
- 当前提供三个色标，已覆盖常用品牌与界面渐变。
相关指南
颜色格式与对比度：从 HEX 到可读的界面配色 ↗相关工具
更新于 2026-10-17 · 项目与反馈说明