CSS渐变生成器

调整线性、径向或锥形渐变与色标，实时预览、复制及下载CSS。

文件与文本仅在当前浏览器本地处理，不上传服务器。离开页面后自动清空，请及时保存。

渐变设置

类型角度 °

颜色 1位置 %

颜色 2位置 %

2–8个色标，按位置递增；同位置可形成硬边。CSS角度为0°向上、90°向右；锥形需现代浏览器支持。

CSS代码

.gradient {
  background: #1677E8;
  background: linear-gradient(135deg, #1677E8 0%, #D45B9C 100%);
}

仅在当前页面生成CSS，无外部资源、服务器保存或用户数据上传；输出含首色回退背景，锥形效果不兼容的旧浏览器会显示回退色。

设置内容与参数，检查实际预览再复制或下载；条码识别和取色均在本地Worker，渐变仅生成CSS，不请求外部资源。