Generador de fondos SVG con patrones

Elige el tipo de patrón, selecciona colores y escala, y copia el código CSS o SVG listo para pegar.

Tipo de patrón

Color de primer plano

Color de fondo

Tamaño (px) 20

Espaciado / grosor 2

Opacidad 100%

Vista previa

Código generado

Se ejecuta completamente en tu navegador. No se sube nada.

Cómo funciona

STEP 1

Selecciona puntos, cuadrícula, ondas o hexágonos en el menú de patrones.

STEP 2

Define el color de primer plano, el color de fondo, el tamaño y el espaciado.

STEP 3

Haz clic en «Copiar CSS» o «Copiar SVG» para obtener el código listo para tu proyecto.