Gerador de padrões de fundo SVG
Crie um padrão de fundo SVG contínuo — pontos, grelha, linhas, ondas, quadrados, hexágonos ou topografia — em SVG, CSS ou classe Tailwind.
Gerador de padrões de fundo SVG
Escolha um motivo — pontos, grelha, linhas diagonais, ondas, quadrados, hexágonos ou topografia — e esta ferramenta constrói um padrão SVG contínuo que pode inserir diretamente no fundo de um website, numa tela de aplicação ou num desenho impresso. O padrão é construído a partir de um único mosaico repetido, mantendo o ficheiro muito pequeno, independentemente da área que cobre.
O tamanho do mosaico controla o espaçamento entre repetições, e a espessura da linha controla a boldness dos traços — também define o tamanho dos pontos e quadrados nesses dois motivos. As cores de primeiro plano e fundo aceitam qualquer cor hexadecimal (#RRGGBB ou a forma mais curta #RGB), a opacidade desvanece o motivo no seu fundo sem alterar a cor de fundo, e a rotação vira todo o mosaico — as linhas diagonais já começam a 45° e rodopiam a partir daí. Mude o formato de saída para obter exatamente o que precisa: markup SVG simples para guardar como ficheiro, uma regra CSS pronta para colar com o padrão incorporado como data URI, ou uma classe Tailwind arbitrária que pode inserir na lista de classes de um elemento.
Cada opção atualiza a pré-visualização instantaneamente, e o resumo sob a saída mostra as dimensões do mosaico, a contagem exata de caracteres do código gerado e o formato de saída ativo. Como o padrão é um único mosaico vetorial pequeno em vez de um bitmap, mantém-se nítido em qualquer zoom e redimensiona para qualquer tamanho de ecrã gratuitamente.
Tudo funciona localmente no seu browser — nada que desenhe aqui é carregado em qualquer lugar. Quando estiver satisfeito com o resultado, copie-o, descarregue-o como ficheiro .txt ou envie a saída para a entrada novamente para continuar a refiná-lo.