Generador de patrones SVG repetibles para fondos
Genera patrones SVG repetibles (puntos, cuadrícula, damero, galones, diagonales) para tus fondos.
🔒 100 % en el cliente — no se envía ningún dato
Crea patrones SVG repetibles — puntos, cuadrícula, damero, chevrones, diagonales — para decorar tus fondos de sección. Ajusta el tamaño, el grosor y los colores, y luego obtén el SVG o un fondo CSS repetible listo para pegar. Generación 100 % local.
What is it for?
- ▸ Añadir una textura sutil a un fondo
- ▸ Crear un fondo hero con patrón
- ▸ Generar un patrón CSS ligero en data-URI
- ▸ Decorar una sección sin una imagen pesada
FAQ
¿Cómo uso el patrón como fondo?
Copia el bloque CSS proporcionado: usa background-image con el patrón en data-URI, que se repite automáticamente.
¿El patrón se mantiene nítido en alta resolución?
Sí, al ser vectorial (SVG), se mantiene nítido en cualquier densidad de pantalla.
¿Puedo cambiar la densidad del patrón?
Sí, el control de tamaño ajusta el espaciado: cuanto menor el tamaño, más denso el patrón.
¿Se envían mis datos a algún sitio?
No, todo se genera localmente en tu navegador.
Related tools
Relación de aspecto · calculadora Calcula una relación de aspecto (16:9…) y deriva una dimensión proporcional que falte. Generador de códigos de barras Genera un código de barras (EAN-13, Code128, UPC) a partir de un valor, descargable, en tu navegador. Base64 → imagen Decodifica un data URI o Base64 en una imagen visualizable y descargable, en tu navegador. CSS border-radius · generador Crea esquinas redondeadas en CSS (border-radius) con vista previa en vivo y código listo para copiar. CSS box-shadow · generador Genera una sombra CSS box-shadow con vista previa en vivo y código listo para copiar. Eliminar croma (pantalla verde) Haz transparente un color de fondo (pantalla verde/azul) y exporta un PNG, en tu navegador.