Aktuelle Richtung

Erstelle deine kostenlose Palette

Beschreibe die Website oder Benutzeroberfläche, die du gestaltest. Erhalte eine lokale semantische Palette und verfeinere, prüfe und exportiere sie anschließend im Editor.

Sieben semantische Rollen WCAG-Kontrastprüfung CSS, Tailwind und PNG

Aktuelle Richtung

Cyberpunk-oberfläche Für Ein Mehrspieler-spiel

Validierung aktiv · WCAG-Textkontrast geprüft

Hintergrund#1B1319

Fläche#2B2128

Sekundärfarbe#984A3E

Primärfarbe#DF58B9

Akzentfarbe#40E79F

Gedämpft#B3A2AE

Text#F7F7F2

Navigation der Beispielvorschau

Ruhiger gestalten

Lass die nächste Richtung selbstverständlich wirken.

Eine semantische Palette macht aus Farbentscheidungen ein System, das dein Produkt wirklich einsetzen kann.

01Klare Rollen

Jede Farbe hat eine Aufgabe.

02Sicherer Kontrast

Text bleibt gut lesbar.

03Direkt einsetzbar

Tokens lassen sich sofort kopieren.