🌈CSS渐变色生成器
在线创建线性渐变或径向渐变，实时预览效果，一键生成标准 CSS 代码，助力设计师与前端开发者快速构建炫彩背景。
🎯 类型
方向
180°
🎨 颜色停靠点
👁️ 实时预览
📋 CSS 代码
标准语法 · 含 -webkit- 前缀
/* 渐变代码将自动生成 */
💡 使用说明
- 选择 线性 或 径向 渐变类型，实时切换预览效果。
- 通过 方向按钮 或 角度滑块 控制线性渐变方向；径向渐变可调整 形状 与 位置。
- 每个停靠点可独立调整 颜色 和 位置（百分比），拖动滑块或点击色块修改。
- 点击 ＋ 添加 新增停靠点，点击 ✕ 删除停靠点（至少保留 2 个）。
- 点击 ↺ 重置 恢复默认渐变（红→蓝）。
- 点击 📋 复制代码 一键复制生成的 CSS 代码，可直接用于项目。
- 所有处理均在浏览器本地完成，不会上传任何数据，保护你的设计隐私。
💡
提示： 生成的 CSS 代码包含
background-image 属性，可直接应用于任何元素。含 -webkit- 前缀以兼容 Safari 等浏览器。