Что такое цветовой градиент?
Градиент — это плавный переход между двумя или более цветами. В веб-дизайне градиенты часто используют для фонов, кнопок и шапок. Они добавляют глубину и современный вид при минимуме кода.
Линейный или радиальный градиент?
Линейный градиент меняет цвет вдоль прямой. Направление задаётся углом (0° — вверх, 90° — вправо). Радиальный градиент начинается в центре и расходится кругом. Этот генератор создаёт оба типа и даёт тебе соответствующий CSS-код (linear-gradient или radial-gradient).
Как использовать его в CSS
Скопируй код и вставь его в свойство background своего элемента. Можно добавить больше цветов и настроить каждый из них. Если тебе нужна ещё и подходящая цветовая палитра, попробуй Бесплатные инструментыгенератор палитр. Прежде чем размещать текст, проверь контраст.
Сетчатый градиент (mesh gradient)
Режим Mesh смешивает несколько цветов в мягкие пятна по всему изображению, как фоны современных приложений. Нажмите «Случайно», чтобы переставить цвета, скопируйте CSS или скачайте картинку либо обои для телефона.