Ein Toolkit,
jede Designaufgabe
Von der Farbtheorie bis zur Kontrastkonformität – 10 Tools für Designer und Entwickler
Abgerundete Ecken
Visueller Randradius-Editor mit Echtzeitvorschau. Kopieren Sie CSS-Code mit individueller Eckensteuerung.
CSS · Visueller EditorSchattengenerator
Interaktiver Box-Shadow-Builder mit mehreren Ebenen, Canvas-Vorschau in Echtzeit und CSS-Ausgabe.
CSS · LayeredFarbenblind-Simulator
Simuliert, wie Farben für farbenblinde Benutzer aussehen.
Barrierefreiheit · SimulationFarbkonverter
Konvertieren Sie zwischen HEX, RGB, HSL, CMYK und OKLCH mit sofortiger bidirektionaler Konvertierung.
Konverter · Alle FormateFarbkreis
Interaktives Farbrad zum Erkunden von Farbtönen, Sättigungen und Farbbeziehungen. Klicken Sie, um Farben auszuwählen und zu sperren.
Interaktiv · VisuellKontrastprüfer
Überprüfen Sie die WCAG AA/AAA-Konformität für Text und Hintergrundfarben. Erhalten Sie sofort Bewertungen zur Barrierefreiheit.
Zugänglichkeit · AA/AAACSS Grid Generator
Erstellen Sie visuell CSS Grid-Layouts mit Echtzeitvorschau.
CSS · Visueller EditorSchriftarten-Kombination
Entdecken Sie harmonische Schriftartenkombinationen für Überschriften und Fließtext aus kuratierten Sammlungen.
Typografie · Über 300 SchriftartenVerlaufsgenerator
Entwerfen Sie wunderschöne lineare und radiale Verläufe mit der Canvas-Vorschau in Echtzeit. CSS-Code sofort kopieren.
Farbverlauf · CSS-ExportFarbverlauf-Voreinstellungen
Durchsuchen und kopieren Sie 15 schöne Farbverlaufsvoreinstellungen.
Voreinstellungen · Ein KlickBildpalette
Extrahieren Sie mithilfe der intelligenten Farbquantisierung wunderschöne Farbpaletten aus jedem Bild.
Extraktion · SmartPalettengenerator
Erstellen Sie harmonische Farbschemata mit monochromatischen, komplementären, analogen und triadischen Modi. Echtzeitvorschau mit CSS-Export.
Farbe · InteraktivUI-Farbsystem
Generieren Sie komplette Design-Token-Paletten aus einer einzigen Ausgangsfarbe. Export nach Tailwind, CSS oder SCSS.
Design-Token · Rückenwind14 Sprachen
Jedes Werkzeug, jedes Etikett, jede Anleitung – vollständig übersetzt.
Barrierefreiheit zuerst
Jede Palette enthält WCAG-Kontrastwerte. Gestalten Sie von Anfang an inklusiv.
Entwicklerfreundlicher Export
CSS, Tailwind, SCSS, JSON – kopieren Sie das Format, das Ihr Projekt benötigt.