Guia rápido
Experimente depois com os seus próprios dados.
Experimente este exemplo
Dados de entrada
- Cor de fundo (HEX)
#fff
- Segunda cor (HEX)
#000
- Tamanho do bloco (píxeis)
16
- Padrão
Xadrez
Resultado
<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>
Como funciona e quais são os limites
Use duas cores HEX opacas e um bloco de 16 a 128 píxeis. O resultado é um SVG de 256 × 256 com formas simples, sem scripts nem recursos externos. Pode guardar o código num ficheiro .svg.