UTILS.
100 % im Browser

CSS Hintergrundmuster

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

Ü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