Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
CSS-Flexbox-Generator
Richtung, Umbruch, Verteilung und Ausrichtung ausprobieren und passenden CSS- und HTML-Code erhalten.
Über dieses Tool
Richtung, Umbruch, Verteilung und Ausrichtung ausprobieren und passenden CSS- und HTML-Code erhalten.
Anwendung
Flex-Einstellungen wählen, Abstand und Elementzahl ändern und den Umbruch bei verschiedenen Vorschau-Breiten prüfen. CSS und HTML lassen sich separat exportieren.
Vorschau und Code nutzen dieselben Flex-Eigenschaften. Elemente beginnen mit 100 px Basisbreite und 80 px Mindesthöhe. Bis 48 Elemente und 0–80 px Abstand. Die Vorschau-Breite wird nicht exportiert.
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