Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
Design
Farben umrechnen, Kontrast prüfen, CSS-Effekte gestalten und Seitenverhältnisse berechnen.
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.
Seitenverhältnis berechnen
Bild- und Videoverhältnisse kürzen und aus einer Zielbreite oder Zielhöhe die passende zweite Abmessung berechnen.
CSS-Grid-Generator
Feste oder automatisch angepasste Spalten, Abstände und Ausrichtung mit Live-Vorschau gestalten.
CSS-Flexbox-Generator
Richtung, Umbruch, Verteilung und Ausrichtung ausprobieren und passenden CSS- und HTML-Code erhalten.
Farbpalette erstellen
Aus einer Grundfarbe komplementäre, analoge, triadische oder monochrome Paletten als HEX, CSS und JSON erzeugen.