Hexágono
Gratis, sin registro, funciona en tu navegador.
Seis puntos, bordes rectos y la aleatoriedad a cero, lo que hace que todos los radios sean idénticos y el resultado un hexágono matemáticamente regular. El caso degenerado del generador de blobs, y uno genuinamente útil.
Los ajustes que hay detrás
| Generador | Blob |
|---|---|
| Puntos | 6 |
| Aleatoriedad | 0% |
| Suavidad | 100% |
| Semilla | 1 |
Lo que conviene saber
- Aleatoriedad cero significa un polígono regular perfecto, no una aproximación.
- Cambia el número de puntos para cualquier otra figura regular: tres para un triángulo, ocho para un octógono.
- La forma más pequeña del catálogo con 151 bytes.
Lo que cuesta en bytes
Esta forma exacta ocupa 151 bytes como SVG y 312 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 | 151 B |
| Fondo CSS | 312 B |
| clip-path CSS | 369 B |
| border-radius CSS | 94 B |
El comienzo del SVG de Hexágono
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 38L153.69 69L153.69 131L100 162L46.31 131L46.31 69Z" fill="#4f46e5"/></svg>Con más detalle
Este preajuste existe para dejar algo claro sobre los controles: el control de aleatoriedad a cero no es un generador desactivado, es el generador de polígonos regulares. Todos los ajustes de esta herramienta deben tener sentido en todo su rango, y un control cuyo mínimo produjera algo inservible sería un control con un callejón sin salida.
Preguntas
¿Cómo cambio Hexágono una vez la tengo?
Abre el generador, pulsa Hexágono 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 1 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.