CSS 渐变生成器

使用多个 HEX 色值创建线性、径向和锥形 CSS 渐变。

CSS Gradient Generator
本地输入
输出
处理中…
关于此工具

专注当前任务。

将一组 HEX 色值变成可直接粘贴的背景声明。支持线性、径向和锥形渐变,无需手写语法即可设置角度。

使用方法

  1. 用逗号或空格分隔输入 2 至 12 个 HEX 色值。
  2. 选择渐变类型,并设置 0 至 360 度角度。
  3. 复制生成的 CSS background 声明。
你的内容由你掌握。
工具输入在你的浏览器本地处理,绝不会发送至 KitVerse 服务器。在共享设备上使用时,请及时清空工作区。
常见问题
角度对所有渐变都有效吗?

角度控制线性渐变方向和锥形渐变起始角度;径向渐变使用居中圆形,不使用角度。

支持颜色名称或 RGB 吗?

此操作只接受三位或六位 HEX,以便进行明确验证并稳定输出。