Alle Farb-Tools

Nahtlose Streifen, Wellen, Zickzack, Chevrons und Raster. Wählen Sie Farben, Linienstärke und Winkel, dann CSS kopieren oder SVG, PNG und WebP gratis laden.

Kostenlos

1Muster auswählen

Ihre Überschrift hier

Sehen Sie, wie das Muster hinter echten Inhalten wirkt.

Jetzt starten
Muster

Vorlagen zum Starten

Wählen Sie eine Vorlage, um sie im Editor zu öffnen, und ändern Sie dann Farben und Einstellungen.

Nach Sammlung durchsuchen


Über Streifen- und Wellenmuster

Linien sind die ruhigste Art, einer Seite Textur zu geben. Diese Sammlung umfasst schlichte Streifen und Bänder, Diagonalstreifen, Wellen, Zickzack, Chevrons, Muschelbögen, Striche, Raster, Kreuzschraffur, Wellenringe und Zöpfe, vom dezenten Nadelstreifen bis zur kräftigen Retro-Welle.

Streifen und Raster bleiben als Code sehr klein und eignen sich daher gut für Website-Hintergründe. Mit Linienstärke und Abstand bestimmen Sie, wie dicht die Linien wirken, und mit dem Winkelregler machen Sie aus geraden Streifen Diagonalen.

Häufig gestellte Fragen

Wählen Sie ein Streifendesign, stellen Sie den Winkel auf 45 Grad und kopieren Sie das CSS. Winkel außer 0, 90, 180 und 270 Grad nutzen ein SVG, das das Element füllt, sodass die Streifen bei jeder Breite gleichmäßig bleiben.

Ja. Der Regler für die Linienstärke legt die Breite der Linien fest, die Abstandsregler bestimmen die Lücke dazwischen.

Dünne Linien in zwei ähnlichen Farben bleiben hinter Text gut lesbar. Prüfen Sie das Ergebnis mit der Vorschau „Auf einer Seite“ unter einer echten Karte, bevor Sie den Code kopieren.


Beliebte Suchen
streifenmuster wellenmuster svg zickzackmuster chevronmuster css streifen hintergrund nahtloser wellenhintergrund rastermuster svg diagonale streifen css
Brauchen Sie Hilfe?
Ein Problem mit diesem Tool gefunden? Sagen Sie es unserem Team.
Problem melden

Füge dieses kostenlose Tool zu deiner eigenen Website hinzu: kopiere den Code unten und füge ihn ein.