CSS 渐变生成器
在 OKLab 或 OKLCH 中生成平滑渐变,避开 RGB 中间发灰的问题。复制 CSS 或 Tailwind 类名。
颜色
混合空间
OKLab 让中间保持明亮。sRGB 是旧浏览器的混合方式,中间常常发灰。
类型
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]