Инструмент

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

Линейные, радиальные и конические градиенты с любым числом точек и интерполяцией в современных цветовых пространствах.

Тип
135deg
Точки цвета
  1. %
  2. %
  3. %
Пресеты
Код
background-image: linear-gradient(
    in oklch 135deg,
    #e0674b 0%,
    #f2c14e 45%,
    #3f7cc8 100%
  );

linear-gradient() рисует переход цвета вдоль прямой под углом 135deg — из левого верхнего угла в правый нижний. Запись in oklch смешивает цвета в пространстве OKLCH: переход идёт по цветовому кругу, и середина остаётся насыщенной, без серой «грязи».

Поиск

Название свойства, селектора или функции — можно по-английски и без двоеточий: hover, gap, clamp.

Меню