All Tools / 开发者工具 / CSS 渐变生成器 — 免费在线
设置
角度 135°
预设
颜色节点
CSS 代码

CSS 渐变生成器

工具功能

选择渐变类型(线性、径向或锥形),调整角度或形状,添加颜色节点并拖动其位置,然后复制即用 CSS。编辑时预览实时更新。点击预设色板即可将其作为起点应用。

使用方法

  1. 选择渐变类型:线性、径向或锥形。
  2. 调整角度(线性/锥形)或形状(径向)。
  3. 点击颜色色板更改颜色,或输入 HEX 值。
  4. 拖动位置滑块控制每种颜色的分布。
  5. 点击复制复制 CSS 代码。