渐变 CSS
CSS 渐变生成器与过渡色阶
创建双色 linear-gradient CSS 渐变，调整角度，复制 background 代码，并导出平滑中间色阶。
135°
渐变 CSS
background: linear-gradient(135deg, #6366F1, #EC4899);过渡阶数
如何使用
为背景、卡片和首屏 Hero 生成可用渐变。选择两种颜色、旋转方向，预览最终 CSS，并复制适合图表或备用 token 的过渡色阶。
- 1 选择起始色和结束色。
- 2 设置渐变角度。
- 3 复制 CSS 渐变或中间色阶。
常见问题
这个工具生成什么 CSS？
工具会根据两种颜色和角度生成 linear-gradient() background 声明。
可以复制单个渐变色阶吗？
可以。过渡色板既可单独复制 HEX，也可一次复制完整列表。
渐变背景需要检查对比度吗？
需要。渐变上的文字应在相关的最亮和最暗区域分别检查。
渐变是在服务器生成的吗？
不是。预览和 CSS 都由浏览器根据你的输入即时生成。