Estrella
Gratis, sin registro, funciona en tu navegador.
Doce puntos que alternan entre un radio exterior y uno interior, con la suavidad baja para que las puntas sigan afiladas. Geometría de estrella clásica, generada en lugar de dibujada, así que el número de puntas y su irregularidad son cosa tuya.
Los ajustes que hay detrás
| Generador | Blob |
|---|---|
| Puntos | 6 |
| Aleatoriedad | 12% |
| Suavidad | 35% |
| Semilla | 700 |
Lo que conviene saber
- Seis lóbulos significan doce puntos: uno fuera, uno dentro, todo el camino.
- Poca suavidad mantiene las puntas afiladas; súbela y la estrella se convierte en una flor.
- Reproducible desde la semilla 700.
Lo que cuesta en bytes
Esta forma exacta ocupa 551 bytes como SVG y 712 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 | 551 B |
| Fondo CSS | 712 B |
| clip-path CSS | 769 B |
| border-radius CSS | 110 B |
El comienzo del SVG de Estrella
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 40.29C101.9 40.39,112.74 70.84,115.86 72.52C118.98 74.2,152.54 67.52,153.49 69.12C154.43 70.72,132.19 96.43,132.12 100C132.06 103.57,153.39 128.71,152.42 130.26C151.44 131.81,118.42 124.64,115.36 126.6C112.3 128.57,101.81 163.92,100 163.96C98.1…Con más detalle
La estrella y la flor de abajo son los mismos doce puntos unidos de dos maneras distintas, y por eso lo que las separa es la suavidad y no un cambio de modo. También significa que puedes detenerte en cualquier punto intermedio: una estrella con las puntas levemente redondeadas es una forma que ninguno de los dos preajustes te da por sí solo.
Preguntas
¿Cómo cambio Estrella una vez la tengo?
Abre el generador, pulsa Estrella 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 700 con 6 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.