渐变色生成器
设置 2 到 5 个颜色，生成 CSS 渐变代码或渐变背景图。“平滑过渡”会在 OKLab 空间里补间，避免两种颜色中间出现发灰发脏的过渡带。
色标
快速预设
使用步骤
- 设置颜色和位置，最多 5 个色标。
- 选择渐变类型和角度，打开或关闭“平滑过渡”对比效果。
- 复制 CSS 代码，或下载 1920×1080 的 PNG 图片。
常见问题
为什么蓝到黄的渐变中间会发灰？
浏览器默认在 sRGB 里直线插值，互补色之间的中点接近灰色。打开“平滑过渡”后，工具在感知均匀的 OKLab 空间里计算中间色，再写成多个色标，任何浏览器都能正确显示。
生成的 CSS 兼容哪些浏览器？
线性和径向渐变所有现代浏览器都支持；锥形渐变（conic-gradient）需要较新的浏览器。
下载的图片是什么尺寸？
1920×1080 的 PNG，可直接用作桌面或 PPT 背景。