Design-Tools

Erstellen Sie CSS-Filterwerte mit einer Live-Vorschau für Symbole, Karten, Bilder, Schwebezustände, und visuelle Experimente.

Suchen Sie anhand von Schlüsselwörtern oder HEX-Werten nach gängigen benannten Farben und vergleichen Sie schnell passende Farbfelder.

Mischen Sie zwei Farben in einem gewählten Verhältnis und erhalten Sie ein kopierfertiges Mischergebnis in HEX und RGB.

Erstellen Sie Gittercontainer-CSS für Karten, Galerien, Dashboards, Funktionslisten, und Layout-Experimente direkt im Browser.

Generieren Sie Flexbox-Containereinstellungen für Zeilen, Spalten, verpackte Artikelgruppen, Tasten, Karten, und reaktionsfähige Abschnitte.

Steuern Sie alle vier Ecken unabhängig voneinander, um abgerundete Formen für Karten zu erstellen, Abzeichen, Fliesen, und Komponentenblöcke.

Versatz anpassen, verwischen, verbreiten, Opazität, und Einfügungseinstellungen, um kopierfertige CSS-Schatten für Schnittstellenelemente zu erstellen.

Generieren Sie schnelle CSS-Verläufe für Landeabschnitte, Callouts, Tasten, Karten, Überlagerungen, und Markenvisualisierungen.

Überprüfen Sie den Farbkontrast von Vordergrund und Hintergrund auf lesbaren UI-Text, Tasten, Karten, und barrierefreies Content-Design.

Generieren Sie passende Farbpaletten aus einer Grundfarbe für das Branding, UI-Zustände, Inhaltsgrafiken, und Designsysteme.