Skip to main content
Penguin ToolsПингвин Инструменты

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

Автоматическая генерация органических SVG-форм (блобов). Настройка случайности и сложности для декорирования веб-дизайна.

#6366f1

Предпросмотр

SVG

<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <path d="M 270.05 200.00 C 270.25 233.61, 313.10 272.60, 301.43 301.43 C 289.75 330.26, 229.50 377.27, 200.00 372.96 C 170.50 368.65, 144.88 304.39, 124.44 275.56 C 103.99 246.74, 76.22 224.08, 77.33 200.00 C 78.43 175.92, 110.63 165.51, 131.07 131.07 C 151.52 96.63, 171.81 -1.41, 200.00 -6.62 C 228.19 -11.84, 288.54 65.35, 300.21 99.79 C 311.89 134.22, 269.84 166.39, 270.05 200.00 Z" fill="#6366f1" />
</svg>
Поделиться
📖

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

Step 1

Задайте параметры

Задайте параметры

Задайте параметры: сложность, случайность, размер и т.д.

Step 2

Сгенерируйте блоб

Сгенерируйте блоб

Сгенерируйте и просмотрите случайные формы блобов

Step 3

Скопируйте SVG

Скопируйте SVG

Скопируйте SVG-код или скачайте как изображение

✨

Возможности

Генерация в один клик

Мгновенная генерация уникальных блоб-форм одним нажатием

Полная настройка

Свободная настройка сложности, случайности, цвета и градиентов

Несколько форматов экспорта

Экспорт в виде SVG-кода, SVG-файла, PNG-изображения и др.

❓

FAQ

Случайно сгенерированные органические, округлые, аморфные формы. Популярны как декоративные элементы в веб-дизайне.

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

🎨
Инструменты для дизайна

Конвертер цветовых кодов

Конвертация между цветовыми кодами HEX, RGB и HSL. Используйте палитру цветов и предпросмотр в реальном времени для интуитивного выбора цвета.

🎨
Инструменты для дизайна

Палитра цветов

Выбирайте цвета с помощью цветового колеса и ползунков. Получайте и копируйте цветовые коды в форматах HEX, RGB и HSL.

🎨
Инструменты для дизайна

Извлечение цветов из изображения

Автоматическое определение доминирующих цветов изображения и генерация цветовой палитры. Также можно нажать на любую точку изображения для выбора цвета.

🎯
Инструменты для дизайна

Определение среднего цвета изображения

Вычисление среднего цвета всего изображения или выделенной области. Полезно для подбора цветовых схем или фоновых цветов миниатюр.

🌈
Инструменты для дизайна

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

Визуально создавайте CSS-градиенты с помощью перетаскивания. Поддержка линейных, радиальных и конических градиентов с предустановками.

🔲
Инструменты для дизайна

Генератор CSS Box Shadow

Визуально создавайте CSS box-shadow с помощью ползунков. Поддержка нескольких теней и внутренних теней.