CSS 渐变生成器 - 在线线性径向圆锥渐变代码生成工具

推荐工具

颜色选择器 PX 转 PT 工具 SVG 在线预览图像圆角剪裁

CSS 渐变生成器

在线生成 CSS 渐变代码，支持线性、径向和圆锥渐变，提供实时预览和多种预设

渐变类型

预览

渐变效果预览

颜色停止点

%

%

方向

deg

输出

linear-gradient(90deg, #3498db 0%, #9b59b6 100%)

预设渐变

日落

海洋

森林

火焰

紫色

彩虹