Make Tools
🌈

CSS 渐变生成器

在线免费 CSS 渐变生成工具，支持线性渐变、径向渐变和锥形渐变，实时预览并生成 CSS 代码。

CSS Click to copy
background: linear-gradient(135deg, #667eea, #764ba2);
Tailwind Click to copy
bg-[linear-gradient(135deg,#667eea,#764ba2)]

常见问题

可以使用自定义颜色吗？
可以，使用颜色选择器或直接输入十六进制值。你也可以从预设渐变中选择。

相关工具

🎨Color Converter (HEX, RGB, HSL)🎨CSS Formatter & Minifier💨CSS Box Shadow Generator

使用方法

  1. 1 使用颜色选择器或十六进制输入选择起始和结束颜色。
  2. 2 调整角度滑块改变渐变方向。
  3. 3 添加或删除色标以创建多色渐变。
  4. 4 复制生成的 CSS（linear-gradient 或 radial-gradient）用于你的样式表。