Генератор градиентов CSS
Создавайте линейные, радиальные и конические CSS-градиенты с предпросмотром в реальном времени. Настраивайте углы, цвета и позиции. Бесплатно, 100% в браузере.
Тип
90°
Цветовые точки
CSS-код
Справка
О CSS-градиентах
CSS-градиенты позволяют создавать плавные переходы между двумя и более цветами. Их можно использовать как фон, наложения и декоративные эффекты без изображений.
Типы градиентов
linear-gradient — переход вдоль прямой линии. radial-gradient — переход от центральной точки наружу. conic-gradient — переход вокруг центральной точки.
Цветовые точки
Цветовые точки определяют цвета и их позиции в градиенте. Добавляйте несколько точек для создания сложных цветовых переходов.
Конфиденциальность
Вся обработка выполняется на 100% в вашем браузере. Данные никогда не отправляются на сервер.