在线 CSS 渐变生成器

CSS 渐变生成器说明

拖动色标即可可视化生成 CSS 渐变：支持 linear-gradient 与 radial-gradient 两种类型，线性渐变可设置 0-360° 任意角度；每个色标由颜色选择器与位置百分比组成，可自由增删（2-5 个），位置与顺序自动整理。

所有修改实时反映在预览区，下方同步输出标准 CSS 代码（如 background: linear-gradient(135deg, #6ea8fe 0%, #00e589 100%);），点击复制即可粘贴到样式表。渐变完全在浏览器本地计算，无需联网。