渐变生成器
创建 CSS 渐变并复制代码。
以可视化方式构建 CSS 渐变：选择线性或径向，设置角度，添加任意数量的颜色停止点，并复制可直接粘贴的 CSS。使用预设、随机生成渐变，或精细调整每个停止点。在您的浏览器中本地生成。
色标
预设
所有颜色转换均在你的浏览器本地完成 —— 不上传、不存储、不记录。
工作原理
- 1 选择线性或径向，并设置角度。
- 2 添加并定位颜色停止点。
- 3 调整颜色，直到您满意预览效果。
- 4 复制 CSS，或随机生成一个。
常见用例
- 创建主视觉或按钮背景。
- 制作色彩丰富的卡片或横幅。
- 快速制作品牌渐变原型。
- 生成占位背景。
常见问题
我的颜色数据会被发送到任何地方吗？
不会。每一次转换和计算都完全在您的浏览器中运行——不会上传、存储或记录任何内容。
支持哪些渐变类型？
线性（带角度）和径向。每种类型都支持两个或更多颜色停止点，您可以将其定位在 0% 到 100% 之间。
我可以直接使用这段 CSS 吗？
可以。复制 `background:` 声明并粘贴到您的样式表中——它在所有现代浏览器中都能正常工作。
真的免费吗？
是的——免费，无需注册，无水印，无限制。