Tiny Online Tools logoTiny Online ToolssearchПоиск инструментов…grid_viewВсе инструменты
Главнаяchevron_rightSVG-инструментыchevron_rightГенератор размытых SVG-формГенератор размытых SVG-форм

Генератор размытых SVG-форм

Создавайте мягкие, мечтательные фоны в стиле «аврора» из размытых SVG-форм с управлением палитрой и степенью размытия.

ФормыФонПалитра
Размеры выводаАдаптивный (растягивать по контейнеру)Сгенерированный кодcodeSVGbrushCSS
xml
css

Похожие инструменты

Генератор неоновых SVG-форм

Генератор неоновых SVG-форм

Создавайте светящиеся неоновые SVG-формы — круги, многоугольники, звёзды и другое — с настраиваемой обводкой, свечением и фоном.

Генератор SVG-волн

Генератор SVG-волн

Создавайте плавные настраиваемые SVG-волны для разделителей секций, hero-фонов и декоративных элементов страницы.

Генератор кругового SVG-узора

Генератор кругового SVG-узора

Создавайте декоративные SVG-узоры из концентрических колец, точечных сеток или смещённых точек в стиле сот.

Генератор SVG Blob

Генератор SVG Blob

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

Форматтер JSON

Форматтер JSON

Форматирование и украшение данных JSON.

Калькулятор CIDR

Калькулятор CIDR

Вычисляйте сеть, broadcast, маску и число хостов по записи CIDR.

Конвертер изображений

Конвертер изображений

Конвертируйте изображения между форматами JPG, PNG, WebP и другими.

apps

Больше инструментов

Просмотрите нашу полную коллекцию бесплатных онлайн-инструментов.

Мягкие, мечтательные фоны без тяжёлых изображений

Размытые цветные фоны — часто называемые «аврора» или «абстрактные градиенты» — стали стандартным стилем для лендингов, дашбордов и сплэш-экранов приложений. Вместо тяжёлого PNG этот генератор выдаёт несколько SVG-эллипсов, размытых фильтром feGaussianBlur: результат остаётся чётким при любом разрешении, весит считанные килобайты и полностью использует GPU браузера.

Как это работает

Инструмент равномерно разбрасывает несколько эллипсов по viewBox 800×600 с помощью функции случайности с seed. Каждый эллипс получает цвет из вашей палитры. Вся группа оборачивается в SVG-фильтр с сильным гауссовым размытием — достаточно сильным, чтобы формы перетекали друг в друга, создавая тот самый мягкий «облачный» вид.

Элементы управления

  • Формы — сколько размытых эллипсов рисовать. Больше форм — насыщеннее фон.
  • Размытие — сила гауссового размытия. Слабое сохраняет контуры, сильное сливает всё в градиент.
  • Разброс размеров — насколько формы могут отличаться по размеру.
  • Палитра — до пяти пользовательских цветов. Добавляйте или удаляйте под ваш бренд.
  • Фон — сплошной цвет за размытыми формами.
  • Seed + Перегенерировать — новый seed — новое расположение; один seed всегда даёт один и тот же результат.

Типичные применения

  • Фоны hero-секций
  • Современные сплэш-экраны приложений
  • OG- и социальные шэр-изображения
  • Фоны тарифных секций
  • Фоны карточек на маркетинговых страницах

Благодаря preserveAspectRatio="none" SVG растягивается до любой ширины при width: 100%. Вставляйте результат прямо в HTML, React или дизайн-инструменты — или правьте цвета позже в текстовом редакторе.