渐变生成
2–3 色标实时调出 linear / radial 渐变，角度位置滑条随拖随看，直接复制 CSS。
>_ 使用指南 · GUIDE
选 2–3 个色标，实时调出 linear（线性）或 radial（径向）渐变：角度、位置滑条随拖随看，画布即时预览，满意后直接复制 CSS 代码。做页面头图背景、按钮底色、卡片装饰时，不用再死记 linear-gradient(135deg, #667eea, #764ba2) 的语法，调出来就抄走。
支持三色标（中间色控制过渡质感），色标位置与渐变角度都可视化调节。本地渲染，零延迟。
>_ 常见问题 · FAQ
Q1 · linear 和 radial 渐变怎么选？
linear 沿一个方向过渡（如左上到右下），适合横幅、页头、按钮——主流界面渐变 90% 是线性；radial 从中心向外扩散，适合光效、聚焦点、背景氛围。拿不准就先试 linear，需要「光源感」时换 radial。
Q2 · 渐变角度怎么理解？135deg 是什么方向？
CSS 渐变角度指渐变进行的方向：0deg 向上、90deg 向右、180deg 向下。135deg = 向右下方过渡——「左上到右下」是最常见的对角渐变写法。本工具角度滑条可视化，拖到效果满意再复制，不用背方向表。
Q3 · 为什么我的渐变色中间发灰、很脏？
两色直接过渡会经过「混色带」，某些色相组合（尤其蓝到红）中间会出现浑浊的灰紫。解法：① 加中间色标，手动指定过渡色把灰带「顶」过去；② 换色相相邻的色对；③ 降低两端饱和度差异。这是色彩混色原理导致的普遍现象，不是代码写错。
Q4 · 渐变在低版本浏览器不显示怎么办？
linear-gradient 早已是标准属性，现代浏览器（含移动端）全部支持；需要兼容的老场景（IE）才要加 -webkit- 前缀或纯色回退。稳妥写法：先写纯色 background 再写渐变，老浏览器自动退回纯色，新浏览器用渐变覆盖。
Q5 · 渐变文字怎么做？
原理是把渐变设为文字的填充：background: linear-gradient(...) + -webkit-background-clip: text + color: transparent 三件套。本工具生成渐变本体，套用这三行即可。注意 fallback：不支持 clip 的环境要保证 color 有兜底值，否则文字消失。