CSS 渐变生成器
调整颜色与色标，预览线性、径向或圆锥渐变并导出 CSS。
切换语言会开始新的会话。请先保存结果。
正在加载工具…
如何使用
选择渐变类型，调整角度、形状和颜色位置。添加或删除色标，再复制 CSS 或下载样式文件。
限制与检查
渐变需要 2 至 10 个色标。对比度与配色评分仅作参考；请在实际背景、文字和目标浏览器中检查效果。
调整颜色与色标，预览线性、径向或圆锥渐变并导出 CSS。
切换语言会开始新的会话。请先保存结果。
选择渐变类型，调整角度、形状和颜色位置。添加或删除色标，再复制 CSS 或下载样式文件。
渐变需要 2 至 10 个色标。对比度与配色评分仅作参考；请在实际背景、文字和目标浏览器中检查效果。
颜色数： 2
CSS 长度： 48 个字符
文件大小： 0.05 KB
暂无可预览的渐变。
请调整上方设置！
background: 尚未生成渐变;尚未生成渐变• 复制 CSS 并粘贴到样式表
• 可作为任何元素的背景
• 可与其他 CSS 属性组合
• 可在现代浏览器中使用