CSSLab — Design- & CSS-Tools
Visuelle Generatoren für die tägliche Frontend-Arbeit: Verläufe mit Live-Vorschau bauen und komplette Favicon-Pakete erzeugen — direkt im Browser.
100% clientseitig Für immer kostenlos Keine Anmeldung
Läuft zu 100% in Ihrem Browser — es wird niemals etwas hochgeladen.
Alle CSSLab-Tools
CSS-Verlauf Gestalten Sie lineare, radiale und konische Verläufe mit verschiebbaren Farbstopps und Live-Vorschau — und kopieren Sie sauberes, einsatzbereites CSS. Favicon-Generator Laden Sie ein Bild hoch und erhalten Sie ein komplettes Favicon-Paket: favicon.ico, PNGs von 16 bis 512 px, Apple-Touch-Icon, Webmanifest und die HTML-Tags zum Einfügen. Farbwähler Visuelle Farbauswahl mit sofortigen HEX- / RGB- / HSL-Codes. Kontrast Jedes Farbpaar gegen die WCAG-Schwellen AA und AAA testen. Palette Harmonische Paletten aus jeder Basisfarbe — mit CSS-Variablen. Box-Shadow Der perfekte CSS-Schatten mit Reglern und Live-Vorschau. Flexbox Flexbox-Eigenschaften visuell anpassen und das CSS kopieren. Grid Grid-Layouts visuell entwerfen — sofort sauberes CSS erhalten. SVG SVGs sicher verkleinern — das visuelle Ergebnis bleibt identisch. Seitenverhältnis Jede Breite/Höhe aus einem Zielverhältnis sofort berechnen. Border-Radius-Generator Von einfachen Ecken zu organischen Blob-Formen per Schieberegler. CSS-Animations-Generator Professionelle Keyframes ohne handgeschriebenen Code. CSS zu Tailwind Von CSS-Eigenschaften zu Utility-Klassen mit einem Einfügen. Farbenblindheit-Simulator Ihr Design mit den Augen Farbenblinder sehen. CSS-Spezifität Welcher Selektor gewinnt? (a,b,c)-Wert. SVG-Pfad-Editor SVG-Pfade sehen, verstehen, transformieren. Platzhalter-Bilder Dummy-Bilder nach Maß als PNG oder SVG.
Häufige Fragen
Werden meine Bilder beim Favicon-Erstellen hochgeladen?
Nein. Der Favicon-Generator skaliert Ihr Bild mit der Canvas-API komplett im Browser und packt die Ergebnisse lokal in ein ZIP. Ihre Grafik verlässt niemals Ihr Gerät.
Ist das generierte CSS produktionsreif?
Ja — der Verlaufs-Generator erzeugt modernes Standard-CSS, das in allen aktuellen Browsern funktioniert und direkt ins Stylesheet übernommen werden kann.
Welche Favicon-Größen erhalte ich?
Das komplette moderne Set: favicon.ico (16/32/48), PNGs in 16, 32, 180 (Apple Touch), 192 und 512 (Android/PWA), plus fertigen HTML-Schnipsel und Webmanifest.