Kostenlose Online-Tools
Design & Farben
Entdecke 12 Design & Farben-Tools und erledige Aufgaben direkt im Browser.
CSS Flexbox & Grid Layout-Generator
Konfiguriere und visualisiere CSS Flexbox- und Grid-Layouts visuell, sieh Animationen und kopiere CSS-Code.
Farbpaletten-Generator
Erstelle harmonische Farbschemata basierend auf einer Basisfarbe mit Export als HEX- und RGB-Code.
SVG-Optimierer & Bereiniger
Optimiere und komprimiere SVG-Dateien lokal durch Entfernen unnötiger Metadaten mit Live-Vorschau.
CSS Farbverlauf-Generator
Gestalte lineare und radiale Farbverläufe visuell, wähle aus Vorlagen und kopiere den fertigen CSS-Code.
Farbkonverter & WCAG Kontrastprüfer
Rechne Farbwerte zwischen HEX, RGB, HSL und CMYK um und prüfe barrierefreie Kontrastverhältnisse nach WCAG 2.1.
CSS Schatten- & Glassmorphism-Generator
Gestalte Box-Shadows und moderne Milchglas-Effekte mit sofortigem Kopieren des generierten CSS-Codes.
Farbkontrast-Analysator & Barrierefreiheit (WCAG 2.1)
Prüfe Kontrastverhältnisse zwischen Text und Hintergrund mit AA/AAA-Bewertung und Farbfehlsichtigkeits-Filter.
Physik-Sandbox & 2D-Schwerkraftsimulator
Erzeuge Partikel, elastische Körper, Kollisionen und Gravitationsfelder in Echtzeit mit HTML5 Canvas.
Visueller SVG-Pfad-Editor
Setze Ankerpunkte, ziehe Bézier-Griffe auf einer 500×500-Fläche und erhalte sofort das d-Attribut des SVG-Pfads und eine CSS-Regel clip-path: path().
Browser-Rahmen Mockup-Generator
Setze Screenshots in ein elegantes Browserfenster im macOS-Stil mit Schatten und Farbverlauf und lade sie als hochauflösendes PNG herunter.
CSS Neon-Leuchtschrift-Generator
Erstelle leuchtende Neonschriftzüge mit anpassbaren Farben, Pulsieren und exportierbarem CSS-Code.
Farbwähler & Farbpipette für Bilder mit Lupe
Lies Farbcodes pixelgenau aus jedem Bild mit integrierter Lupe aus und sieh die dominante Farbpalette.
