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

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

Мастерская

Тип градиента:

Угол: °

Ширина: px

Высота: px

Совет: Вы также можете в любое время настроить ширину и высоту, отредактировав загруженный код SVG.

Настройки градиента (нажмите, чтобы применить):

Результат

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

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

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

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

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

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

Примечания:

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