Generator til SVG-mønstre

Opret et kontrolpanel, prik eller stribe mønster som SVG kilde.

Grafik Uden lagring af data

Maksimal indgangslængde pr. felt: 7 Unicode- kodepunkter. Se driftsgrænserne i vejledningen.

Kort vejledning

Prøv det med dine egne data, når du er klar.

Prøv et eksempel

Du indtaster

Baggrundsfarve (HEX)
#fff
Anden farve (HEX)
#000
Tilestørrelse (pixels)
16
Mønster
Checkerboard

Du får

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><pattern id="tile" width="16" height="16" patternUnits="userSpaceOnUse"><path d="M0 0h16v16H0z" fill="#FFFFFF"/><path d="M0 0h8v8H0zM8 8h8v8H8z" fill="#000000"/></pattern></defs><path d="M0 0h256v256H0z" fill="url(#tile)"/></svg>
Sådan virker det og værktøjets grænser

Brug to uigennemsigtige hex farver og en flise størrelse fra 16 til 128 pixels. Output er en 256×256 SVG med en gentagelse mønster og en billedforhåndsvisning.

Den genererede kilde indeholder kun faste former og validerede farver / numre, uden scripts eller eksterne ressourcer. Kopiér det til en .svg fil for at genbruge det.