ToolHub
打开工具

渐变色生成器

可视化创建 CSS 线性和径向渐变背景

开发者工具
启动工具 所有工具

关于此工具

渐变色生成器是一款可视化 CSS 工具，让你选取起始和结束颜色、选择方向与渐变类型，即可即时预览效果并获取对应 CSS 代码。支持线性和径向两种渐变类型及八个方向选项，所有操作均在浏览器本地完成。

主要功能

快速预览

使用场景

css gradient design

常见问题

什么是渐变色生成器？

渐变色生成器是一款可视化 CSS 工具，让你选取起始和结束颜色、选择方向与渐变类型，即可即时预览效果并获取对应 CSS 代码。

支持径向渐变吗？

支持。使用类型选择器可在线性渐变和径向渐变之间切换。径向渐变从中心向外创建圆形颜色过渡。

可以输入自定义 HEX 颜色值吗？

可以。除了颜色选择器，你还可以在每个颜色选择器旁边的文本框中直接输入 HEX 值，实现精确控制。

如何复制 CSS 代码？

点击 CSS 输出框旁边的复制按钮，渐变 CSS 规则将被复制到剪贴板，可直接粘贴到样式表中。

渐变色生成器免费使用吗？

是的，渐变色生成器完全免费。所有处理在浏览器本地完成，不会向任何服务器发送数据。

相关工具

JSON 验证器颜色选择器哈希生成器UUID 生成器