Gerador de padrão SVG de bolinhas
Crie um padrão repetível de bolinhas em SVG, com espaçamento, raio e cores personalizáveis, para baixar ou copiar direto como fundo CSS. Geração 100% local no seu navegador.
Como funciona
Um padrão repetível de bolinhas é construído aqui como um pequeno bloco SVG quadrado contendo uma única bolinha centralizada: ao repetir esse bloco por toda a largura e altura de um fundo, o padrão se reproduz sem emendas visíveis. Ajuste o espaçamento para aproximar ou afastar as bolinhas e o raio para aumentá-las ou diminuí-las.
Como usar esse padrão como fundo no meu site?
Clique em "Copiar em CSS" para obter uma propriedade background-image codificada como data URI, com a repetição ativada, pronta para colar direto na sua folha de estilo, sem precisar hospedar um arquivo de imagem separado.
O SVG baixado pode ser redimensionado sem perda?
Sim, como o SVG é um formato vetorial, o bloco do padrão permanece perfeitamente nítido em qualquer tamanho de exibição ou impressão, ao contrário de uma imagem raster (PNG ou JPEG), que ficaria borrada ao ser muito ampliada.
O SVG é gerado e montado inteiramente no seu navegador, sem nenhuma chamada a um servidor externo.