Blob orgánico
Gratis, sin registro, funciona en tu navegador.
Ocho puntos con la aleatoriedad lo bastante alta como para que los lóbulos difieran notablemente en tamaño. Esta es la forma que la gente suele entender por «blob»: lo bastante irregular para parecer deliberada, lo bastante regular para seguir leyéndose como un único objeto.
Los ajustes que hay detrás
| Generador | Blob |
|---|---|
| Puntos | 8 |
| Aleatoriedad | 72% |
| Suavidad | 100% |
| Semilla | 1618 |
Lo que conviene saber
- La aleatoriedad alta da a cada lóbulo su propio carácter, así que la forma tiene un frente y un fondo.
- Funciona bien como clip-path sobre una fotografía, donde la irregularidad se lee como un recorte intencionado.
- Reproducible desde la semilla 1618.
Lo que cuesta en bytes
Esta forma exacta ocupa 402 bytes como SVG y 563 bytes como fondo CSS — el data URI es mayor porque la codificación en porcentaje cuesta tres caracteres por cada uno que escapa. Ambas cifras corresponden a la forma mostrada arriba, con dos decimales de precisión en las coordenadas.
| Formato | Tamaño |
|---|---|
| SVG | 402 B |
| Fondo CSS | 563 B |
| clip-path CSS | 620 B |
| border-radius CSS | 110 B |
El comienzo del SVG de Blob orgánico
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 54.85C116.91 53.97,145.16 39.06,153.41 46.59C161.66 54.11,150.46 83.17,149.49 100C148.51 116.83,155.8 138.58,147.55 147.55C139.3 156.52,117.11 152.56,100 153.82C82.89 155.08,56.37 164.08,44.89 155.11C33.41 146.14,29.94 117.2,31.11 100C32.28 82.…Con más detalle
Hay un límite a lo irregular que puede llegar a ser un blob, y no es arbitrario. Los puntos se sitúan en ángulos equidistantes con radios variables, así que el polígono que los une nunca puede cruzarse a sí mismo — pero la curva que pasa por ellos sí, si un lóbulo se arquea lo bastante como para alcanzar un tramo vecino. La irregularidad máxima de aquí está fijada contra un barrido de todos los recuentos de puntos y semillas, así que ningún ajuste produce una forma que se pliegue sobre sí misma.
Preguntas
¿Cómo cambio Blob orgánico una vez la tengo?
Abre el generador, pulsa Blob orgánico en la fila de preajustes y arrastra lo que quieras. El preajuste es un punto de partida, no un candado: todos los controles siguen activos, y la casilla de semilla acepta una palabra si prefieres nombrar tu forma en vez de numerarla.
¿Se verá igual la próxima vez?
Sí, siempre que la semilla sea la misma. Esta es la semilla 1618 con 8 puntos. El generador es determinista, así que esos ajustes reproducen esta curva exacta en cualquier dispositivo.
¿Puedo usar otro color?
Sí — el color se aplica al exportar, no está incrustado en la geometría. La vista previa de arriba usa el color por defecto; elige el tuyo en el generador y el SVG, el fondo CSS y el clip-path lo seguirán.
Cada cifra y cada forma de esta página se produjeron ejecutando el generador durante la compilación, así que describen la herramienta que estás a punto de usar y no una versión que existió una vez.