Создание линейного и радиального градиентного фона SVG

Создавайте линейные или радиальные градиенты SVG с несколькими остановками загрузки готовых векторных фонов за считанные секунды.

Мастерская

°
px
px
Совет: Вы также можете в любое время настроить ширину и высоту, отредактировав загруженный код SVG.
%
%
Настройки градиента (нажмите, чтобы применить):

Результат

Другие инструменты, которые могут вам понравиться

Создавайте градиенты SVG для использования в Интернете и дизайне. Вы можете создавать линейные или радиальные градиенты с несколькими цветовыми точками, углами и размерами.

Все работает в вашем браузере и файлы не загружаются.

Нужен гид? Прочтите наш урок: Как сделать градиентный фон SVG

Как использовать?

  • Выберите линейный или радиальный тип градиента.
  • Для линейного режима отрегулируйте направление угла.
  • Добавьте или удалите цветовые точки.
  • Отрегулируйте процент смещения каждого упора.
  • Установите ширину и высоту вывода.
  • Загрузите сгенерированный файл SVG.

Примечания:

  • SVG основан на векторной графике и масштабируется без потери качества.
  • Загруженный SVG можно использовать на веб-страницах и в инструментах дизайна.
  • Требуется как минимум 2 цветовых стопа.
  • Максимальный размер вывода — 5000×5000 пикселей.