CSS 渐变生成器
创建带有多个色标和实时预览的精美线性和径向 CSS 渐变。
渐变设置
0%
100%
CSS
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);功能特点
可视化编辑器
实时预览渐变效果
多种类型
线性和径向渐变
色标
最多添加 5 个色标
快速预设
从精美预设开始
创建带有多个色标和实时预览的精美线性和径向 CSS 渐变。
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);实时预览渐变效果
线性和径向渐变
最多添加 5 个色标
从精美预设开始