SVG-Hintergrundmustergenerator

SVG-Hintergrundmustergenerator

Wählen Sie ein Motiv – Punkte, Gitter, Diagonalstreifen, Wellen, Quadrate, Sechsecke oder Topografie – und dieses Werkzeug erstellt ein nahtloses SVG-Muster, das Sie direkt in einen Website-Hintergrund, einen App-Bildschirm oder ein gedrucktes Design einfügen können. Das Muster wird aus einer einzelnen wiederholten Kachel aufgebaut, sodass die Datei unabhängig von der Größe der abgedeckten Fläche winzig bleibt.

Mustergröße steuert den Abstand zwischen Wiederholungen, und Linienstärke steuert, wie fett die Striche sind – sie bestimmt auch die Punkt- und Quadratgröße für diese beiden Motive. Vordergrund und Hintergrund akzeptieren jede Hex-Farbe (#RRGGBB oder die kürzere Form #RGB), Deckkraft blendet das Motiv in seinen Hintergrund ein, ohne die Hintergrundfarbe selbst zu beeinflussen, und Drehung dreht die gesamte Kachel – Diagonalstreifen beginnen bereits bei 45° und drehen sich von dort aus weiter. Wechseln Sie das Ausgabeformat, um genau das zu erhalten, was Sie benötigen: reines SVG-Markup zum Speichern als Datei, eine fertige CSS-Regel mit dem Muster, das als Daten-URI eingebettet ist, oder eine Tailwind Arbitrary-Value Klasse, die Sie direkt auf eine class-Liste anwenden können.

Jede Option aktualisiert die Vorschau sofort, wenn Sie sie anpassen, und die Aufzählung unter der Ausgabe gibt die Abmessungen der Kachel, die genaue Zeichenanzahl des generierten Codes und das aktive Ausgabeformat an. Da das Muster eine kleine Vektor-Kachel statt einer Bitmap ist, bleibt es bei jedem Zoom-Level scharf und skaliert kostenlosen auf jede Bildschirmgröße.

Alles läuft lokal in Ihrem Browser – nichts, das Sie hier gestalten, wird irgendwo hochgeladen. Wenn Sie mit dem Ergebnis zufrieden sind, kopieren Sie es, laden Sie es als .txt-Datei herunter, oder senden Sie die Ausgabe zurück in die Eingabe, um sie weiter zu verfeinern.

Häufige Fragen