返回工具箱

CSS 渐变生成器

线性 / 径向渐变

文件零上传 · 即用即删

工具介绍

在线 CSS 渐变生成工具，支持线性渐变和径向渐变。可视化调整颜色、角度和位置，生成 CSS 代码。

使用说明

  1. 1选择渐变类型（线性 / 径向）。
  2. 2添加颜色停止点并调节位置。
  3. 3设置渐变角度或中心点。
  4. 4复制生成的 CSS 代码。

相关工具

JSON 格式化Base64 编码解码URL 编码解码Hash 计算JWT 解码进制转换
0%#7c3aed
100%#ec4899

预设渐变

CSS 代码
background: linear-gradient(90deg, #7c3aed 0%, #ec4899 100%);