Question 1

Was ist eine Farbpalette und warum ist sie im Design wichtig?

Accepted Answer

Eine Farbpalette ist ein kuratierter Satz von Farben, die konsistent im gesamten Design verwendet werden. Eine gut gewählte Palette schafft visuelle Harmonie, etabliert Markenidentität und lenkt die Aufmerksamkeit der Nutzer. Die meisten Paletten umfassen eine primäre Markenfarbe, 1–2 Akzentfarben, neutrale Hintergründe und semantische Farben für Erfolg/Fehler/Warnung.

Question 2

Was ist die 60-30-10-Regel für Farbpaletten?

Accepted Answer

Die 60-30-10-Regel ist ein klassisches Designprinzip: Verwenden Sie die dominante Farbe für 60% des Designs (Hintergründe, große Bereiche), eine Sekundärfarbe für 30% (Karten, Seitenleisten) und eine Akzentfarbe für 10% (Buttons, Highlights, CTAs). Dieses Verhältnis erzeugt ein ausgewogenes, professionelles Erscheinungsbild ohne das Auge zu überlasten.

Question 3

Wie erstelle ich eine barrierefreie Farbpalette?

Accepted Answer

Stellen Sie ausreichend Kontrast zwischen Text- und Hintergrundfarben sicher. WCAG AA erfordert ein Mindestkontraszverhältnis von 4.5:1 für normalen Text und 3:1 für großen Text. Vermeiden Sie es, Farbe als einziges Mittel zur Bedeutungsvermittlung zu nutzen (verwenden Sie auch Icons oder Labels). Tools wie WebAIM Contrast Checker können prüfen, ob Ihre Palette die Barrierefreiheitsstandards erfüllt.

Question 4

Was ist der Unterschied zwischen komplementären, analogen und triadischen Farbschemata?

Accepted Answer

Komplementärfarben befinden sich gegenüber auf dem Farbrad (z.B. Blau und Orange) — hoher Kontrast, lebendig. Analoge Farben sind benachbart (z.B. Blau, Blau-Grün, Grün) — harmonisch und ruhig. Triadisch verwendet drei gleichmäßig verteilte Farben (z.B. Rot, Gelb, Blau) — ausgewogen, aber lebendig. Komplementär eignet sich für CTAs, analog für Hintergründe, triadisch für Illustrationen.

Question 5

Wie viele Farben sollte eine Design-System-Palette haben?

Accepted Answer

Eine typische Design-System-Palette hat 5–10 Basisfarben mit jeweils mehreren Abstufungen (z.B. 50–900-Skala wie Tailwind CSS). Mindestens: Primär, Sekundär, Neutral/Grau und semantische Farben (Erfolgsgrün, Fehlerrot, Warngelb, Infoblau). Jede Farbe sollte helle Varianten für Hintergründe und dunkle für Text haben, um den Kontrast im hellen und dunklen Modus zu erhalten.

Farbpaletten-Generator

Häufig gestellte Fragen

Comments & Feedback