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
Feste oder automatisch angepasste Spalten, Abstände und Ausrichtung mit Live-Vorschau gestalten.
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.
Verwandte Werkzeuge
Farbkontrast prüfen
Textkontrast nach WCAG 2.2 prüfen, mit Vorschau und getrennten AA- und AAA-Ergebnissen für normale und große Schrift.
CSS-Farbverlauf erstellen
Lineare und radiale Verläufe mit zwei bis acht Farbstopps gestalten und das CSS direkt kopieren.
CSS-Schatten erstellen
Versatz, Unschärfe, Ausdehnung und Deckkraft eines Box-Schattens einstellen und fertiges CSS übernehmen.
Kommentare
0