VUREXVUREX
Design Tool

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

Создавайте красивые CSS-градиенты визуально. Линейные, радиальные и конические градиенты с цветовыми точками, управлением углом и галереей пресетов — копируйте CSS одним кликом.

135deg
#6366f10%
#ec4899100%
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

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

Об инструменте

  • Визуальный редактор градиентов с предварительным просмотром в реальном времени.
  • Поддержка линейных, радиальных и конических CSS-градиентов.
  • Добавляйте до 5 цветовых точек с настраиваемыми позициями.
  • Полностью бесплатно, без регистрации. Работает в вашем браузере.

Часто задаваемые вопросы

Генератор CSS-градиентов — это визуальный инструмент для создания градиентных фонов для сайтов. Выбирайте цвета, направление и тип, затем копируйте сгенерированный CSS-код для использования в проектах.

Инструмент поддерживает три типа CSS-градиентов: линейный (переход по прямой), радиальный (круговой переход от центра) и конический (переход цветов вокруг центральной точки).

Да, CSS-градиенты поддерживаются во всех современных браузерах, включая Chrome, Firefox, Safari и Edge. Широкая поддержка существует с 2012 года.

Да, полностью бесплатный без регистрации. Создавайте неограниченное количество градиентов и мгновенно копируйте CSS-код.