星球狮工具箱

CSS 渐变生成器

线性 / 径向 / 锥形渐变,随机渐变本地处理 · 数据不上传

预设

CSS 代码
这个工具还可以用来:CSS渐变生成器随机渐变生成器渐变色生成linear-gradient

使用方法

  1. 1选择渐变类型和角度。
  2. 2调整各个颜色和位置,或点击预设 / 随机。
  3. 3复制 CSS 代码。

常见问题

为什么代码里有两行 background?

第一行是纯色兜底,极少数不支持渐变的环境会使用它。

最多支持几个颜色?

最多 6 个颜色节点,足够大多数设计需求。