CSS 渐变代码生成器

可视化生成 CSS 渐变色代码，支持线性渐变、径向渐变和锥形渐变。可自由添加/删除色标，调整角度与位置，一键复制 CSS 代码。

实时预览
°
1%
2%

预设渐变

海岸微风
紫韵霞光
暖阳橙光
薄荷清风
樱花粉
深海蓝
彩虹渐变
径向光晕
锥形色轮
冰川蓝
夜幕紫
蜜桃气泡

CSS 代码

linear-gradient(90deg, #667eea 0%, #764ba2 100%)