Skip to main content
Penguin ToolsHerramientas Pingüino

Generador de blobs SVG

Genera automáticamente formas blob orgánicas en SVG. Ajusta la aleatoriedad y complejidad para decoraciones de diseño web.

#6366f1

Vista previa

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>
Compartir herramienta
📖

Cómo usar

Step 1

Configurar parámetros

Configurar parámetros

Configura los parámetros: complejidad, aleatoriedad, tamaño, etc.

Step 2

Generar blob

Generar blob

Genera y previsualiza formas blob aleatorias

Step 3

Copiar SVG

Copiar SVG

Copia el código SVG o descárgalo como imagen

✨

Características

Generación con un clic

Genera formas blob únicas al instante con un solo clic

Totalmente personalizable

Ajusta libremente complejidad, aleatoriedad, color y gradientes

Múltiples formatos de exportación

Exporta como código SVG, archivo SVG, imagen PNG y más

❓

FAQ

Formas orgánicas, redondeadas y amorfas generadas aleatoriamente. Populares como elementos decorativos en diseño web.

🔗Herramientas relacionadas

🎨
Herramientas de diseño

Convertidor de códigos de color

Convierte entre códigos de color HEX, RGB y HSL. Usa el selector de color y la vista previa en tiempo real para una selección intuitiva.

🎨
Herramientas de diseño

Selector de color

Selecciona colores de forma intuitiva usando una rueda de color y deslizadores. Obtén y copia códigos de color en formatos HEX, RGB y HSL.

🎨
Herramientas de diseño

Extractor de Colores de Imagen

Detecta automáticamente los colores dominantes de una imagen y genera una paleta de colores. También puedes hacer clic en cualquier parte de la imagen para seleccionar colores individuales.

🎯
Herramientas de diseño

Selector de Color Promedio de Imagen

Calcula el color promedio de una imagen completa o de un área seleccionada. Útil para elegir esquemas de color o colores de fondo de miniaturas.

🌈
Herramientas de diseño

Generador de degradados CSS

Crea degradados CSS visualmente con controles de arrastre. Admite tipos de degradado lineal, radial y cónico con preajustes.

🔲
Herramientas de diseño

Generador de CSS Box Shadow

Crea CSS box-shadow visualmente con deslizadores. Admite múltiples sombras y sombras interiores.