Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
CSS-Grid-Generator
Feste oder automatisch angepasste Spalten, Abstände und Ausrichtung mit Live-Vorschau gestalten.
Über dieses Tool
Probieren Sie ein Kartenraster bei verschiedenen Breiten aus, bevor Sie es in Ihre Seite übernehmen.
Anwendung
Feste Spaltenzahl oder automatische Anordnung nach Mindestbreite wählen. Reihen, Abstände und Elemente anpassen. Mit der Vorschau-Breite schmale Layouts prüfen, dann CSS und HTML getrennt kopieren oder speichern.
Der Breitenregler betrifft nur die Vorschau. Feste Raster: je 1–12 Reihen und Spalten, 0–80 px Abstand, bis 48 Elemente. Inhalt und Gestaltung können im erzeugten Code ergänzt werden.
Häufige Fragen
Wie passt sich die Spaltenzahl der Breite an?
Wählen Sie automatische Anpassung und eine Mindestbreite. Die Ausgabe nutzt auto-fit und minmax. Die eingestellte Vorschaubreite selbst wird nicht exportiert.
Warum erscheinen mehr Zeilen als eingestellt?
Die Zeilenzahl legt explizite Rasterspuren fest, keine Obergrenze für Elemente. Ein festes Raster mit 3 Spalten und 2 Zeilen hat zunächst 6 Zellen; ein siebtes Element erzeugt eine implizite Zeile. Verringern Sie die Elementzahl, wenn die Vorschau genau diese sechs Zellen enthalten soll.
Verwandte Werkzeuge
Wird in einem neuen Tab geöffnet
Kommentare
0