Generador de patrones

Acerca de Generador de patrones

El generador de patrones convierte casi 2000 diseños ya hechos en fondos que puede ajustar y usar al instante. Explore 14 colecciones, desde ondas, lunares y teselaciones hasta tartanes, seigaiha japonés, estrellas islámicas, abanicos Art Déco, sprites de píxeles y camuflaje, y vea cada uno en sus propios colores.

Cada diseño está dibujado como arte vectorial y se repite sin costura visible, con cualquier zoom y a cualquier ángulo. Cambie hasta seis colores, el zoom, la posición, el espaciado, el grosor del trazo y el ángulo, convierta las formas rellenas en contornos o deje que el patrón se mueva con una animación en bucle. Los patrones generativos, como los mapas topográficos, las celdas de Voronoi y las teselas de Truchet, pueden producir una variación nueva con cada clic.

Cuando le guste el resultado, cópielo como CSS, SCSS, configuración de Tailwind, SVG en línea, URI de datos o componente de React, o descargue un SVG, PNG, JPG o WebP de cualquier tamaño hasta 8000 píxeles, incluida una sola tesela para su propia repetición. Todo se ejecuta en su navegador: no se sube nada y no hace falta cuenta.

Cómo usar Generador de patrones

1. Elija un patrón: busque por nombre o filtre por colección y número de colores.
2. Elija los colores con los selectores, una paleta ya hecha o «Nueva paleta».
3. Ajuste el zoom, la posición, el espaciado, el trazo y el ángulo. Bloquee los valores que le gusten antes de pulsar «Inspiración».
4. Compruébelo con las vistas previas «Ver la tesela», «En una página» y «En un texto».
5. Copie el código o descargue el archivo, y use «Copiar enlace» para volver más tarde a este mismo patrón.

Preguntas frecuentes