Design & Farbe
Visuelle Elemente generieren und Farb-Barrierefreiheit lokal prüfen.
SVG-Wellen- und Formteiler-Generator
Erstellen Sie anpassbare SVG-Wellen mit 60fps Echtzeit-Vorschau und Multiformat-Export.
CSS Glassmorphism- und Schatten-Generator
Entwerfen Sie moderne Milchglaseffekte, mehrlagige Schatten und kopieren Sie fertigen CSS-Code.
Mesh-Gradient- und Fluid-Hintergrund-Generator
Erstellen Sie weiche Mesh-Farbverläufe mit Kontrollpunkten, Zufallssamen und 4K-Export.
WCAG 2.2 Farbkontrast-Prüfer & Korrektur
Prüfen Sie Kontrastverhältnisse nach WCAG 2.2 mit Farbkorrekturen für AA und AAA.
Intelligenter Farbpaletten-Extraktor aus Bildern
Extrahieren Sie dominante Farben aus Bildern via Canvas-Clustering mit HEX-, RGB- und HSL-Werten.
Farbsystem-Builder
Erstellen Sie primitive Skalen und Light/Dark-Semantikrollen aus Markenfarben im Browser.
Farbsystem-Prüfer
Prüfen Sie sRGB/Display-P3-Gamut, WCAG-2.2-Paare und Skalenqualität—mit expliziten Korrekturen.
Farb-Token-Generator
Exportieren Sie geprüfte Tokens als CSS-Custom-Properties, Tailwind-v4-@theme und DTCG-JSON.
Leitfaden zur Tool-Auswahl
Nutzen Sie den Wellen-Generator für Abschnittstrenner, Glassmorphism für Milchglas-CSS und Mesh-Verläufe für fließende Hintergründe. Der Kontrastprüfer bewertet Farbpaare nach WCAG 2.2; der Paletten-Extraktor gewinnt Design-Tokens aus einem Foto.
Neue Grafiken vs. geprüfte Farbpaare
Wellen-, Glas- und Mesh-Werkzeuge erzeugen SVG oder CSS. Der Kontrastprüfer bewertet zwei Farben nach WCAG 2.2. Der Paletten-Extraktor gruppiert Pixel, bestätigt aber keine Konformität.
Vektortrenner vs. CSS-Atmosphäre
Wellen liefern SVG-Geometrie. Glassmorphism liefert CSS. Mesh-Gradients erzeugen weiche radiale Farbfelder für Hintergründe.