跳到取色器

CSS 渐变生成器

在 OKLab 或 OKLCH 中生成平滑渐变,避开 RGB 中间发灰的问题。复制 CSS 或 Tailwind 类名。

颜色

混合空间

OKLab 让中间保持明亮。sRGB 是旧浏览器的混合方式,中间常常发灰。

类型
90°

CSS

background: linear-gradient(90deg, #ff5733, #ec6659, #d87075, #c3788d, #ae7ea4, #9781b9, #7e83ce, #6183e2, #3b82f6);
background: linear-gradient(90deg in oklab, #ff5733, #3b82f6);

Tailwind CSS v4

bg-linear-90/oklab from-[#ff5733] to-[#3b82f6]

渐变中的颜色

7