Design-Tools — Kostenlos online
13 ToolsDesign- und CSS-Tools: Farbwähler, Verlaufsgeneratoren, Schattengeneratoren und CSS-Hilfsprogramme.
WCAG & APCA Kontrastprüfer
Farbzugänglichkeit mit WCAG 2.1-Verhältnissen und modernen APCA-Werten prüfen mit Echtzeit-Sehsimulation.
CSS-Animations-Generator
Hochleistungs-Keyframe-Animationen visuell gestalten mit Live-Vorschau und Easing-Steuerung.
CSS Border-Radius Generator
Erweiterte 8-Punkt CSS-Border-Radien visuell erstellen. Kreise, organische Formen und ausgefallene Shapes designen.
CSS Box-Shadow Generator
Erweiterte mehrschichtige CSS-Box-Schatten visuell gestalten mit Echtzeitvorschau und Inset-Unterstützung.
CSS Filter Generator
Echtzeit-CSS-Filter wie Weichzeichnung, Kontrast und Helligkeit auf Bilder anwenden mit Live-Vorschau und Code-Export.
CSS Flexbox Generator
Flexible Layouts visuell gestalten mit interaktiver Sandbox für Container- und Element-Eigenschaften.
CSS Grid Generator
Komplexe 2D-Layouts visuell gestalten. Grid-Bereiche per Drag erstellen, Spuren anpassen und sauberen CSS-Code exportieren.
PX zu REM Konverter
Bidirektionaler px/rem-Konverter mit Tailwind-CSS-Zuordnung, flüssigem clamp()-Typografie-Generator und Batch-CSS-Konvertierung.
SVG zu CSS Konverter
SVG-Icons in optimierte CSS-Data-URIs umwandeln mit background-image, mask-image und Tailwind-Ausgabeformaten.
Favicon-Generator
Favicons aus Text, Emoji oder Bildern in ICO, PNG, SVG und PWA-Bundle-Formaten erstellen mit Dark-Mode-Unterstützung.
CSS-Gradient Generator
Schöne CSS-Verläufe visuell erstellen mit Unterstützung für linear, radial und konisch mit OKLCH-Interpolation und körnigem Textur-Overlay.
Farbpaletten-Generator
Harmonische Farbpaletten in OKLCH generieren mit sechs Harmonie-Modi, WCAG-Kontrastmatrix und CSS/Tailwind/JSON-Export.
Farbwähler
Farben mit interaktivem HSV-Canvas auswählen, zwischen HEX, RGB, HSL und OKLCH konvertieren und WCAG-Kontrastverhältnisse gegen Weiß und Schwarz prüfen.