Guía rápida
Cuando quieras, prueba con tus propios datos.
Prueba un ejemplo
Introduces
- Color de fondo (HEX)
#fff
- Segundo color (HEX)
#000
- Tamaño del mosaico (píxeles)
16
- Patrón
Damero
Obtienes
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><pattern id="tile" width="16" height="16" patternUnits="userSpaceOnUse"><path d="M0 0h16v16H0z" fill="#FFFFFF"/><path d="M0 0h8v8H0zM8 8h8v8H8z" fill="#000000"/></pattern></defs><path d="M0 0h256v256H0z" fill="url(#tile)"/></svg>
Cómo funciona y límites
Usa dos colores hexadecimales opacos y un tamaño de mosaico de 16 a 128 píxeles. La salida es un SVG de 256×256 con patrón repetido y vista previa.
El código solo contiene formas fijas y colores/números validados, sin scripts ni recursos externos. Cópialo a un archivo .svg para reutilizarlo.