渐变色生成

生成 CSS 线性渐变和径向渐变代码,可视化预览效果。

功能特性

线性渐变和径

线性渐变和径向渐变

自定义角度和

自定义角度和颜色

实时预览效果

实时预览效果

使用步骤

01选择颜色和渐变类型

选择颜色和渐变类型。

02调整参数

调整参数。

03复制 CSS 代码

复制 CSS 代码。

适用场景

网页背景UI 设计海报设计

常见问题

linear-gradient 怎么写?

CSS 线性渐变语法:background: linear-gradient(角度, 颜色1, 颜色2)。例如 background: linear-gradient(135deg, #ff6b6b, #4ecdc4) 表示 135° 方向的渐变。可用渐变色生成器一键生成。