CSS 渐变生成器

CSS 渐变生成器可让您实时设计线性（Linear）、放射（Radial）、圆锥（Conic）三种渐变，调整颜色停止点、角度与位置后可直接复制 CSS 代码。

功能说明

1. 三种渐变类型：线性（Linear）按角度方向过渡；放射（Radial）从中心向外扩散；圆锥（Conic）绕中心点旋转，常用于饼图和色轮效果。
2. 角度控制：线性和圆锥渐变可设置 0–360° 的角度，用滑块实时调整或输入精确数值；点击旋转按钮每次增加 45°。
3. 颜色停止点：每个停止点可独立设置颜色（原生取色器）和位置（0–100%）；至少保留 2 个停止点，可自由添加更多。
4. 10 个精选预设：包含 Sunset、Ocean、Aurora、Conic Pride 等多种效果，点击即可加载，并可在此基础上继续编辑。
5. 实时大尺寸预览：顶部 192px 高的预览区与底部细长渐变条同步更新，让您清楚看到实际效果。
6. 一键复制 CSS：点击“复制 CSS”即可获得 background: linear-gradient(...); 格式的 CSS 语法，可粘贴到任意 CSS 或 style 属性中。