CSS 渐变生成器
拼一条 CSS 线性或径向渐变，实时预览并复制可直接用的 background 规则。
CSS 渐变生成器
选类型、设角度与色标，然后复制 CSS。
还没有渐变
在上方选好颜色，然后点「生成渐变」。
不填位置的色标由浏览器自动均分；径向渐变固定用 circle。
完全在你的浏览器本地运行，不会上传。
使用说明
该工具完全在浏览器本地运行，隐私且快速。
1 ⚡
本地工具箱不限次免费本次运行消耗 1 积分，并自动记入使用记录。
登录后可保存并查看使用记录。
我的使用记录
暂无使用记录。
常见问题
- 有免费额度可以试用CSS 渐变生成器吗？
- 有的——新账户可获得3点免费额度，可用于任意工具，包括CSS 渐变生成器。之后只按实际使用量付费。
- CSS 渐变生成器 一次消耗多少积分？
- 全程在浏览器本地处理、不上传数据：免费账号每次运行消耗 1 积分，Pro 与 Pro+ 会员不限次免费。
- 我粘贴的内容安全吗？
- CSS 渐变生成器 只用你的输入生成结果，保存的结果会按保留策略自动删除，你也可以随时从历史记录里删除。
- 需要安装软件吗？
- 不需要。CSS 渐变生成器 在任何现代浏览器里都能直接使用，无需下载或安装。
相关工具
用户接下来常用的工具，延续同一套工作流程。