Farbpalette (UI)

Die Farbpalette im UI-Design ist das definierte Set an Farben, das in einem digitalen Produkt verwendet wird, einschliesslich primärer, sekundärer und tertiärer Farben sowie deren verschiedene Helligkeitsstufen. Eine gut durchdachte Farbpalette unterstützt die visuelle Hierarchie, vermittelt Markenwerte und erfüllt Barrierefreiheitsanforderungen. Sie bildet eine der fundamentalsten Entscheidungen im UI-Design und beeinflusst die gesamte Nutzererfahrung.

Erläuterung

Eine typische UI-Farbpalette umfasst eine Primärfarbe (Hauptmarkenfarbe), eine oder mehrere Sekundärfarben, Akzentfarben für Call-to-Actions, semantische Farben (Gruen für Erfolg, Rot für Fehler, Gelb für Warnungen, Blau für Informationen) und eine Graupalette für Hintergründe und Texte. Moderne Farbsysteme werden in Helligkeitsstufen von 50 bis 900 definiert, ähnlich wie bei Tailwind CSS, was eine flexible Verwendung in verschiedenen Kontexten ermöglicht. Bei der Farbwahl müssen WCAG-Kontrastanforderungen beachtet werden: Normaler Text braucht ein Kontrastverhältnis von mindestens 4,5:1 zu seinem Hintergrund. Farbpsychologische Aspekte spielen ebenfalls eine wichtige Rolle, da verschiedene Farben kulturell unterschiedliche Assoziationen haben. Tools wie Coolors, Adobe Color oder die Farbpalettengeneratoren in Figma helfen bei der Entwicklung harmonischer Paletten.