老树根土

森林160° · 2 个停靠点

CSS 渐变代码

CSS · 兼容所有浏览器

background: linear-gradient(160deg, #5a3f37 0%, #2c7744 100%);

OKLCH 感知插值版（过渡无灰带）

background: linear-gradient(160deg in oklch, #5a3f37 0%, #2c7744 100%);

in oklch 插值提示让过渡段按感知色彩空间混合，中段不会发灰。需要较新浏览器支持（Chrome 111+、Safari 16.2+、Firefox 128+）；不支持时请使用上方标准版本。

渐变首色 #5A3F37 在 32,258 个命名色与 659 个中国传统色中的最近对位。

如何使用这条 CSS 渐变？

复制 CSS 代码并将其设置为任意元素的 background 属性即可；也可以点击「打开渐变工作台」微调角度与停靠点后导出。

OKLCH 插值版本是什么？

在 linear-gradient 中加入 in oklch 插值提示，让过渡段按感知色彩空间混合，两色过渡的中段不会发灰。需要较新浏览器支持（Chrome 111+、Safari 16.2+、Firefox 128+），不支持时请使用标准版本。

这些渐变可以商用吗？

可以。渐变由公开的 HEX 色值组成，色值本身不受版权保护，可自由用于个人与商业项目。

如何修改渐变的颜色？

进入渐变工作台即可增删停靠点、拖动位置滑块、调整角度，并可随机生成与导出 CSS。