CSS 渐变生成器

CSS 渐变生成器帮助开发者在线可视化调试 linear-gradient、radial-gradient、conic-gradient 的角度、形状、色标与位置,实时预览效果并复制可直接使用的 CSS 代码,免费在线使用,无需安装,适合做背景、按钮和图表配色。

选择渐变类型,调整角度与色标;下方实时预览,点「复制 CSS」拿到可直接使用的代码。全部在浏览器本地计算。
预设: