CSS Gradient

CSS Gradient 是 Designstripe 团队做的一个免费在线工具，用来生成 CSS 渐变背景。你打开页面就能看到一条默认渐变，左边是颜色选择器，右边实时预览，调好角度和色标后直接复制 CSS 代码贴进项目里。它解决的是手写 linear-gradient 或 radial-gradient 时反复试参数的问题，把调色和预览放在同一个界面上。

主要功能

生成器支持线性渐变和径向渐变，可以添加多个色标、调整角度和位置，还能切换 RGB、HEX 等颜色模式。页面上有一个「Max compatibility」选项，勾选后会输出带 IE6+ 前缀的兼容写法。除了生成器，站点还整理了色板（Color Shades）、现成渐变样本（Swatches）、真实产品案例（Examples）和博客教程，想找灵感或学写法都能翻到。

适合谁

前端开发者和设计师用得最多，尤其是需要快速给网页、博客或社交主页配一个渐变背景、又不想在代码里盲调的时候。对 CSS 不熟的人也能靠可视化界面拿到可用的代码。

费用与限制

网站本身免费，不需要注册就能用。界面是英文，内容以英文文章为主。生成器输出的是标准 CSS 代码，不依赖任何框架，复制走就能用。