Ferramentas gratuitas
Português
Gerador de padrões SVG
Gerador de padrões SVG — Escolha tamanhos ou cores e confira o código ou resultado. Os dados da ferramenta ficam no seu dispositivo. Sem cadastro.
Sem cadastro
Carregando ferramenta…
Como usar
- 1Digite os valores e escolha as opções.
- 2Execute a ferramenta e confira o resultado.
- 3Copie o resultado ou mude os dados para comparar.
Saiba mais
Confira intervalos e unidades. Os resultados dependem dos dados e do navegador.
Os anúncios podem processar dados de conexão. A personalização segue suas escolhas de privacidade. Privacidade (inglês)
Exemplo calculado de entrada e saída
Resultados do motor real com os valores abaixo, sem dados pessoais ou trabalhos salvos. Carregue o exemplo na ferramenta para conferir as mesmas entradas.
Entrada de exemplo
| Campo | Valor |
|---|---|
| Modo | Pontos |
| Cor | #0F766E |
| Cor de fundo | #FFFFFF |
| Espaçamento do padrão (px) | 24 |
| Espessura ou raio do ponto (px) | 2 |
Resultado de exemplo
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><defs><pattern id="p" width="24" height="24" patternUnits="userSpaceOnUse"><rect width="24" height="24" fill="#FFFFFF"/><circle cx="12" cy="12" r="2" fill="#0F766E"/></pattern></defs><rect width="400" height="400" fill="url(#p)"/></svg>
Condições de entrada
São limites reais de validação, sem garantir que todo valor aceito seja realista ou adequado ao seu caso.
- Modo: Opções disponíveis: Pontos / Listras / Grade
- Espaçamento do padrão (px): Faixa aceita: 4 ≤ x ≤ 200
- Espessura ou raio do ponto (px): Faixa aceita: 0,1 ≤ x ≤ 20