Kostenlose CSS- und Design-Tools
Verläufe, Schatten und Farbpaletten bauen, Kontraste prüfen und produktionsfertiges CSS kopieren.
CSS-Verlaufsgenerator
Lineare Verläufe gestalten und das CSS kopieren.
Kontrastprüfer (WCAG)
Farbkontrast nach WCAG prüfen.
Box-Shadow-Generator
CSS-Schatten ansehen und kopieren.
Border-Radius-Generator
Jede Ecke visuell formen und das CSS kopieren.
Seitenverhältnis-Rechner
Breite und Höhe mit festem Seitenverhältnis skalieren.
CSS-Einheiten-Konverter
px, rem, em, pt und % auf Basis der Grundschriftgröße.
Warum diese design & css -Tools nutzen?
- Live-Vorschau jeder Änderung, bevor du den Code kopierst.
- Barrierefreie Kontrastprüfung ist eingebaut.
- Copy-and-paste-Ausgabe ohne eingefügten Hinweiskommentar.