Design-Tools (DE)
16 free design-tools — instant, private, no sign-up
CSS-Box-Schattengenerator
Erstellen Sie visuell CSS-Box-Shadow-Werte und kopieren Sie das Snippet.
Werkzeug öffnen →CSS-Cursor-Tester und Stilgenerator
Testen Sie interaktiv alle CSS-Cursor-Eigenschaftswerte, zeigen Sie eine Vorschau an und generieren Sie benutzerdefinierte Cursor-CSS-Regeln mit Fallback-Optionen.
Werkzeug öffnen →CSS-Dreiecks- und Formgenerator
Generieren Sie reine CSS-Rahmen- und Clippfad-Dreiecke mit benutzerdefinierten Richtungen, Abmessungen, Farben und einer gebrauchsfertigen CSS-Snippet-Ausgabe.
Werkzeug öffnen →CSS-Filter- und Bildeffektgenerator
Erstellen Sie visuell CSS-Bildfiltereffekte, einschließlich Unschärfe, Helligkeit, Kontrast, Graustufen, Farbtondrehung, Umkehrung und Sepia mit Live-Vorschau.
Werkzeug öffnen →CSS-Randradiusgenerator
Erstellen Sie visuell CSS-Randradiuswerte und kopieren Sie das Snippet.
Werkzeug öffnen →CSS-Verlaufstextgenerator
Erstellen Sie auffälligen CSS-Verlaufstext mit linearen und radialen Farbstopps, Winkelsteuerungen und browserübergreifendem Hintergrundclip-CSS.
Werkzeug öffnen →Farbenblindheitssimulator
Simulieren Sie, wie Bilder mit häufigen Arten von Farbenblindheit aussehen.
Werkzeug öffnen →Farbkontrastprüfer
Überprüfen Sie das WCAG-Kontrastverhältnis zwischen Vordergrund- und Hintergrundfarben.
Werkzeug öffnen →Farbpalettengenerator
Generieren Sie harmonische Farbpaletten aus einer Grundfarbe.
Werkzeug öffnen →Farbwähler
Wählen Sie Farben aus einem Rad oder probieren Sie Pixel aus jedem hochgeladenen Bild aus.
Werkzeug öffnen →Favicon-Generator
Generieren Sie 16×16, 32×32 und 180×180 Favicons aus Ihrem Logo.
Werkzeug öffnen →Gradientengenerator
Erstellen Sie lineare und radiale CSS-Verläufe und kopieren Sie den Code.
Werkzeug öffnen →Muster-SVG-Hintergrundgenerator
Erstellen Sie nahtlose CSS-Hintergrundmuster und kopieren Sie den Code.
Werkzeug öffnen →QR-Code-Generator
Erstellen Sie benutzerdefinierte QR-Codes mit Farben, Größen und optionalem Logo-Overlay.
Werkzeug öffnen →QR-Code-Scanner-Leser
Scannen und dekodieren Sie QR-Codes von der Kamera oder hochgeladenen Bildern.
Werkzeug öffnen →SVG-Minifier und Code-Reiniger
Minimieren und optimieren Sie SVG-Vektorgrafiken, indem Sie redundante Metadaten, Kommentare, Editor-Artefakte entfernen und die Koordinatengenauigkeit verringern.
Werkzeug öffnen →