SVG achtergrondpatroon generator
Maak een naadloos SVG-achtergrondpatroon – stippen, raster, strepen, golven, vierkanten, zeshoeken of topografie – als SVG, CSS of Tailwind-klasse.
SVG achtergrondpatroon generator
Kies een motief – stippen, raster, diagonale strepen, golven, vierkanten, zeshoeken of topografie – en deze tool maakt een naadloos SVG-patroon dat u rechtstreeks in een website-achtergrond, een app-scherm of een gedrukt ontwerp kunt plaatsen. Het patroon is opgebouwd uit één herhaalde tegel, dus het bestand blijft klein, ongeacht hoe groot het bedekte gebied is.
Patroongrootte bepaalt de afstand tussen herhalingen, en lijndikte bepaalt hoe vet de lijnen zijn – het bepaalt ook de punt- en vierkantgrootte voor deze twee motieven. Voorgrond en achtergrond accepteren elke hexkleur (#RRGGBB of de kortere vorm #RGB), transparantie vervaagt het motief in de achtergrond zonder de achtergrondkleur zelf aan te raken, en rotatie draait de hele tegel – diagonale strepen beginnen al op 45° en draaien van daaruit verder. Wissel van uitvoerformaat om precies te krijgen wat u nodig heeft: puur SVG-opmaak om als bestand op te slaan, een gereed CSS-regel met het patroon ingebakken als data-URI, of een Tailwind arbitrary value klasse die u rechtstreeks op een class-lijst kunt toepassen.
Elke optie werkt de preview onmiddellijk bij wanneer u deze aanpast, en de teller onder de uitvoer geeft de afmetingen van de tegel, het precieze aantal tekens van de gegenereerde code en het actieve uitvoerformaat aan. Omdat het patroon een kleine vectortegel is in plaats van een bitmap, blijft het scherp op elk zoomniveau en schaal naar elke schermgrootte zonder meerkosten.
Alles draait lokaal in uw browser – niets wat u hier ontwerpt, wordt ergens anders geüpload. Als u tevreden bent met het resultaat, kopieert u het, downloadt u het als .txt-bestand, of stuurt u de uitvoer terug naar de invoer om het verder te verfijnen.