Generador de blobs SVG
Genera formas orgánicas aleatorias (blobs) para fondos e ilustraciones. Ajusta complejidad y aleatoriedad, relleno sólido, degradado o contorno, y exporta SVG, PNG o CSS.
Cargando Generador de blobs SVG…
Tus archivos nunca salen de tu dispositivo
Cómo usar Generador de blobs SVG
- 1
Abre Generador de blobs SVG en esta página. Se carga directamente en tu navegador.
- 2
Añade tu archivo, texto o valores y ajusta la configuración.
- 3
Copia o descarga el resultado. No se sube ni se guarda nada.
Acerca de esta herramienta
Los blobs, formas orgánicas y suaves, son una forma popular de añadir color y movimiento a landing pages, secciones hero, pantallas de apps y gráficos para redes sin usar fotos. Este generador de blobs crea un blob aleatorio nuevo con un clic y te permite darle forma, color y exportarlo para tu código o tus herramientas de diseño.
Cómo crear un blob
- Haz clic en New blob hasta que te guste la forma.
- Ajusta la complejidad (número de curvas) y la aleatoriedad (qué tan irregular es).
- Elige el relleno: sólido, degradado o contorno, y define los colores.
- Copia el SVG o el CSS, o descarga un archivo SVG o PNG.
Ideas para usar blobs
- Fondos hero: un blob grande con degradado suave detrás de un titular.
- Marcos de imagen: usa el blob como máscara para que una foto tome su forma.
- Iconos y insignias: blobs pequeños detrás de iconos para un aspecto amable.
- Separadores de secciones y formas decorativas en presentaciones y publicaciones.
Consejos
- Mantén baja la complejidad para formas tranquilas y suaves; súbela para formas ondulantes y divertidas.
- Usa SVG en webs: pesa poco, se ve nítido a cualquier tamaño y se recolorea fácilmente con CSS.
- Baja la opacidad y superpón dos o tres blobs para dar profundidad.
- Anima suavemente un blob SVG con transformaciones CSS para un fondo con vida.
Combina blobs con degradados del generador de degradados CSS, o añade fondos repetidos con el generador de patrones.
Preguntas frecuentes
¿Cómo obtengo una nueva forma de blob?
Haz clic en New blob. Cada clic crea una forma aleatoria distinta que luego puedes ajustar.
¿Puedo usar los blobs con fines comerciales?
Sí. Las formas que generas son tuyas para usarlas en webs, apps y diseños.
¿Qué formatos puedo exportar?
Copia el código SVG o CSS, o descarga el blob como archivo SVG o PNG.
¿Un blob puede tener degradado?
Sí. Elige el relleno degradado y sus colores, o usa contorno para un blob solo de línea.
¿Cómo uso un blob como máscara de imagen?
Usa el trazado SVG como clipPath en SVG, o la salida CSS como clip-path, para que una imagen tome la forma del blob.
¿Es gratis?
Sí, sin registro y sin marca de agua.