渐变生成器

怎么生成渐变——搭色标、调形态、复制代码。

2-6 个色标自由组合，OKLCH 插值中途不出现脏灰色带，还带 48 个精选预设。

1. 01

   搭色标

   2-6 个色标各选颜色、拖位置，或粘 HEX 精确输入。

2. 02

   调形态

   线性/径向/锥形一键切换，拖角度；也可从精选库整套套用。

3. 03

   复制

   平滑模式自动展开 OKLCH 中间点，CSS 复制即用，链接自带渐变可分享。

渐变生成常见问题

用户真会问的四个问题。

为什么渐变中间会发灰？

RGB 直接插值会穿过低饱和区。OKLCH 感知均匀插值沿色相走，中途不发脏。

能做多色渐变吗？

支持 2-6 个色标，每个可单独调颜色与位置；平滑模式会在相邻色标间自动插入 OKLCH 中间点，全程无灰带。

导出的代码兼容哪些浏览器？

现代浏览器全部支持；如需兼容旧浏览器可把 OKLCH 值换算为 RGB——本工具输出的就是纯 RGB stop。

渐变怎么分享给别人？

每次调整都会同步进页面链接（#g=…），直接把地址栏链接发给同事，打开即是你调好的渐变。

拿到结果之后

从这里继续，把颜色用出来。