Generador de patrones sin costuras
Crea un patrón que se repite sin costuras: formas, disposición, colores, rotación, grano… y exporta la tesela en PNG o SVG, el código CSS o una imagen grande.
Forma
Siluetas: Phosphor Icons (MIT) y Material Symbols (Apache 2.0), de uso libre. Licencias
Importa una imagen (logotipo, dibujo, foto recortada en PNG transparente…): sustituye a las formas y se repite con la disposición, el tamaño y la rotación elegidos.
Colores del motivo
Exportar
El SVG no está disponible con una imagen importada, grano o desenfoque (efectos de píxel): usa la tesela PNG. El CSS sigue disponible, con la tesela integrada en PNG.
El código de la tesela PNG es muy largo: se acorta en pantalla, pero el botón copia el código completo.
Las imágenes grandes llevan una pequeña firma KSPNAI abajo a la derecha; la tesela para repetir no, para que siga sin costuras.
Todo se calcula en tu navegador: no se envía nada.
Sobre esta herramienta
Este generador crea un patrón que se repite sin fin y sin costuras visibles: perfecto para el fondo de una web, papel de regalo, envases, textil, una carta de restaurante o una imagen para redes sociales. Todo se ajusta en directo y se calcula en tu navegador.
Elige una o varias de 300: formas geométricas (corazón, estrella, gota, ola…) y siluetas de personas, animales, plantas, comida, objetos, deporte, mar, Navidad y oficios o importa tu propio motivo, y luego la disposición: cuadrícula, media caída, ladrillo o aleatoria. Tamaño, espaciado, rotación, variaciones aleatorias, hasta cinco colores sobre un fondo, opacidad, grano y desenfoque. La vista previa muestra el patrón repetido y, si quieres, el contorno de la tesela.
- 300 formas: geométricas, personas, animales, plantas, comida, deporte, mar, Navidad, oficios… o tu imagen
- Cuadrícula, media caída, ladrillo o aleatoria
- Rotación y tamaño aleatorios, hasta 5 colores
- Grano, desenfoque y opacidad sin romper la repetición
- Exportación de la tesela en PNG o SVG y CSS listo para pegar
- Imagen grande: pantalla, cuadrado, story, A4 300 ppp, 4K
Cómo usarla
- Elige una forma (marca «Mezclar» para combinar varias) o importa tu motivo.
- Ajusta la disposición, el tamaño, el espaciado y la rotación.
- Elige el fondo y los colores, o haz clic en Colores al azar.
- Exporta la tesela (PNG, SVG o CSS) o una imagen grande en el formato que necesites.
Preguntas frecuentes
¿Qué es un patrón sin costuras?
Una imagen (una tesela) diseñada para que sus bordes encajen perfectamente: colocada una junto a otra sin fin, no se ve ningún corte.
¿Cómo lo uso como fondo de una web?
Haz clic en «Copiar el CSS»: el código incluye el patrón en SVG, su tamaño y el color de fondo, listo para pegar en tu hoja de estilos.
¿El SVG está siempre disponible?
Sí, salvo si usas tu propia imagen, grano o desenfoque: entonces la tesela se exporta en PNG.
¿Puedo usar los patrones libremente?
Sí, los patrones que creas son tuyos. Las imágenes grandes llevan una pequeña firma KSPNAI abajo a la derecha; la tesela no.