SVG-patroon genereren

Maak SVG-broncode voor een schaakbord-, stippen- of strepenpatroon.

Grafisch Zonder gegevensopslag

Maximale invoerlengte per veld: 7 Unicode-codepunten. Zie de werklimieten in de instructies.

Korte handleiding

Probeer het met je eigen gegevens als je klaar bent.

Probeer een voorbeeld

Je voert in

Achtergrondkleur (HEX)
#fff
Tweede kleur (HEX)
#000
Tegelgrootte (pixels)
16
Patroon
Schaakbord

Je krijgt

<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>
Werking en limieten

Gebruik twee ondoorzichtige hex kleuren en een tegelgrootte van 16 tot 128 pixels. De uitgang is een 256×256 SVG met een herhalingspatroon en een afbeeldingsvoorbeeld.

De gegenereerde bron bevat alleen vaste vormen en gevalideerde kleuren/nummers, zonder scripts of externe bronnen. Kopieer het in een .svg-bestand om het te hergebruiken.