Gerador de padrões SVG repetíveis para fundos
Gere padrões SVG repetíveis (pontos, grade, xadrez, chevrons, diagonais) para seus fundos.
🔒 100 % no cliente — nenhum dado enviado
Crie padrões SVG repetíveis — pontos, grade, xadrez, chevrons, diagonais — para decorar seus fundos de seção. Ajuste o tamanho, a espessura e as cores e obtenha o SVG ou um fundo CSS repetível pronto para colar. Geração 100 % local.
What is it for?
- ▸ Adicionar uma textura sutil a um fundo
- ▸ Criar um fundo hero com padrão
- ▸ Gerar um padrão CSS leve em data-URI
- ▸ Decorar uma seção sem uma imagem pesada
FAQ
Como uso o padrão como fundo?
Copie o bloco CSS fornecido: ele usa background-image com o padrão em data-URI, que se repete automaticamente.
O padrão permanece nítido em alta resolução?
Sim, por ser vetorial (SVG), permanece nítido em qualquer densidade de tela.
Posso mudar a densidade do padrão?
Sim, o controle de tamanho ajusta o espaçamento: quanto menor o tamanho, mais denso o padrão.
Meus dados são enviados para algum lugar?
Não, tudo é gerado localmente no seu navegador.
Related tools
Proporção · calculadora Calcule uma proporção (16:9...) e derive uma dimensão proporcional ausente. Gerador de código de barras Gere um código de barras (EAN-13, Code128, UPC) a partir de um valor, baixável, no seu navegador. Base64 → imagem Decodifique um data URI ou Base64 em uma imagem visualizável e baixável, no seu navegador. CSS border-radius · gerador Crie cantos arredondados em CSS (border-radius) com pré-visualização ao vivo e código pronto para copiar. CSS box-shadow · gerador Gere um CSS box-shadow com pré-visualização ao vivo e código pronto para copiar. Removedor de fundo verde Torne uma cor de fundo (tela verde/azul) transparente e exporte um PNG, no seu navegador.