UTILS.
Privat von Anfang an
▩

CSS Hintergrundmuster

Erzeuge ein CSS-Hintergrundmuster mit zwei Farben und kopiere es.

Deine Dateien bleiben auf diesem Gerät

Dateien werden im Browser verarbeitet, nie hochgeladen. Die Website lädt den benötigten Code und die Ressourcen herunter. Ohne Konto und Tracker.

Speichere dieses Tool über Herunterladen als einzelne HTML-Datei zur Offline-Nutzung.

Datenschutz →

Über dieses Tool

Erstelle ein sich wiederholendes Hintergrundmuster — Streifen, Schachbrett, Punkte oder Raster — aus zwei Farben und einer Größe, nur mit Verläufen, dann kopiere das CSS. Die Vorschau aktualisiert sich live in deinem Browser.

Häufig gestellte Fragen

Wie werden diese Muster ohne Bilder erstellt?
Sie nutzen lineare und radiale CSS-Verläufe mit background-size, die der Browser kachelt, um das sich wiederholende Muster zu zeichnen.
Skaliert das Muster auf hochauflösenden Bildschirmen?
Ja — Verläufe sind vektorbasiert, daher bleibt das Muster bei jeder Auflösung oder Zoomstufe gestochen scharf.

Weitere Tools