MoaKit
全部工具

渐变生成器

创建线性、径向或锥形渐变,并导出 CSS、Tailwind 或 PNG。

프리셋

0%
100%

CSS 첫 줄은 오래된 브라우저용 대체 값이에요. 두 줄을 그대로 붙여 넣으면 돼요.

什么是渐变生成器?

把两种或更多颜色连接起来,生成 CSS 渐变代码。

使用方法

  1. 选择颜色和位置。
  2. 调整方向(角度)。
  3. 复制生成的 CSS。

使用技巧

  • 如果颜色之间看起来发灰,可以在中间再加一种亮度相近的颜色。