长风破浪会有时，直挂云帆济沧海。 —— 李白《行路难》
CSS渐变色在线生成器
线性渐变 / 径向渐变 / 锥形渐变 / 可视化色标编辑 / 一键复制CSS代码
色标
%
%
生成的CSS代码
CSS渐变类型说明
linear-gradient沿直线方向渐变，radial-gradient从中心向外扩散，conic-gradient绕中心点旋转。多个色标可以创建丰富的过渡效果。渐变色常用于背景、按钮等场景。如需精确控制颜色值，可使用颜色转换工具。
常见问题
渐变色生成器支持哪些渐变类型？
支持CSS中三种标准渐变类型：线性渐变（linear-gradient）、径向渐变（radial-gradient）和锥形渐变（conic-gradient），可以切换类型并实时预览效果。
生成渐变色后可以直接复制CSS代码吗？
可以，工具会实时生成标准的CSS background属性代码，点击复制按钮即可一键复制，粘贴到项目CSS文件中即可使用。
渐变色生成器是免费的吗？
是的，完全免费在线使用，无需注册登录，所有功能均可直接使用，代码生成在浏览器本地完成。