Генератор 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

Генератор CSS-градиентов

Цвета

CSS

Tailwind CSS v4

Цвета вдоль градиента

Популярные градиенты