Farbkreis nutzen: so wählst du eine Farbpalette

Ein Farbkreis ordnet Farbtöne in einem Kreis an, in der Reihenfolge wie im Regenbogen, mit verbundenen Enden. Sein Wert liegt darin, dass Beziehungen zu Geometrie werden: Einander gegenüberliegende Farben kontrastieren stark, benachbarte Farben mischen sich leicht, und gleichmäßig verteilte Farben gleichen sich aus. Um ihn zu nutzen, wählst du einen Ausgangsfarbton und dann Begleiter nach ihrer Position.

Dieser Leitfaden zeigt, wie der Kreis aufgebaut ist, welchem du trauen kannst, wie du Harmonien daran abliest und wie du von ein paar Farbtönen zu einer nutzbaren Palette kommst. Für das große Ganze beginne mit den Grundlagen der Farbtheorie.

Primär-, Sekundär- und Tertiärfarben

Jeder Kreis beginnt mit drei Grundfarben (Primärfarben). Mischst du zwei davon, entsteht eine Sekundärfarbe, und mischst du eine Grundfarbe mit einer benachbarten Sekundärfarbe, entsteht eine Tertiärfarbe. Drei Primär-, drei Sekundär- und sechs Tertiärfarben ergeben den vertrauten Kreis mit zwölf Segmenten.

Der Malerkreis und der Bildschirmkreis

Zwei Kreise sind gebräuchlich, und sie widersprechen sich. Der Malerkreis beruht auf Rot, Gelb und Blau (RYB) und stammt vom Mischen von Pigmenten. Bildschirme erzeugen Farbe aus rotem, grünem und blauem Licht (RGB), und ein daraus gebauter Kreis hat andere Grundfarben, andere Sekundärfarben und andere Gegenfarben.

Welchen solltest du nutzen? Für digitale Arbeit passt der Bildschirmkreis zu deinen Werkzeugen, sodass die Farbtonzahlen, die du eintippst, zu dem passen, was du siehst. Der Malerkreis liefert oft gefälligere Gegenfarben wie Blau und Orange, weil er warme Farben großzügiger verteilt. Viele Gestalterinnen und Gestalter lesen Harmonien am Malerkreis ab und wählen dann die genauen Werte am Bildschirm. Beides ist in Ordnung, solange du konsequent bleibst.

Farbharmonien am Farbkreis ablesen

Harmonien sind Formen, die über den Kreis gelegt werden. Drehst du die Form, bekommst du eine neue Palette mit demselben Gleichgewicht.

• Komplementär: zwei Farbtöne direkt gegenüber. Maximaler Kontrast. Siehe Komplementärfarben.
• Analog: drei bis fünf Nachbarn in einer Reihe. Ruhig und natürlich. Siehe Analogfarben.
• Triadisch: drei Farbtöne im Abstand eines Drittels des Kreises. Kräftig, aber ausgewogen. Siehe Triadische Farben.
• Geteilt komplementär: ein Farbton plus die zwei neben seinem Gegenüber. Kontrast mit weniger Spannung.
• Quadrat oder tetradisch: vier Farbtöne im gleichen Abstand oder zwei komplementäre Paare. Reich und schwer zu beherrschen.
• Monochromatisch: ein Farbton in vielen Helligkeiten. Siehe monochromatische Paletten.

Was der Farbkreis nicht zeigt

Ein Farbkreis zeigt den Farbton. Über Helligkeit und Sättigung sagt er nichts, und die entscheiden das meiste dessen, wie eine Palette wirklich aussieht. Blau und Orange in voller Stärke wirken zusammen hart. Tiefes Marineblau mit einem weichen Aprikot nutzt dieselben zwei Farbtöne und wirkt edel. Jede Palette, die du vom Kreis abliest, braucht weiterhin ein Dunkel, ein Hell und ein paar ruhigere Versionen ihrer Farben.

Einfache digitale Farbkreise sind ungleichmäßig

In HSL haben reines Gelb und reines Blau denselben Helligkeitswert, doch Gelb wirkt weit heller. Das liegt daran, dass HSL auf den Kanälen des Bildschirms beruht und nicht darauf, wie Augen Helligkeit wahrnehmen. Wahrnehmungsbasierte Farbräume wie OKLCH beheben das: Gleiche Helligkeitswerte sehen über alle Farbtöne hinweg gleich hell aus, was sie besser für Paletten und weiche Farbverläufe macht.

So baust du eine Palette mit dem Farbkreis

1. 1

   Wähle deinen Ankerfarbton

   Beginne mit der einen Farbe, die dabei sein muss: eine Markenfarbe, eine Produktfarbe oder eine aus einem Foto.

2. 2

   Wähle eine Harmonie für die Stimmung

   Analog oder monochromatisch für Ruhe; komplementär, geteilt komplementär oder triadisch für Energie.

3. 3

   Lass eine Farbe führen

   Nutze den Anker für den größten Teil des Designs und die anderen in kleineren Mengen. Gleiche Mengen jeder Farbe wirken selten gewollt.

4. 4

   Variiere Helligkeit und Sättigung

   Ergänze eine dunkle und eine helle Version und dämpfe die unterstützenden Farben. So werden aus Farbtönen eine Palette.

5. 5

   Teste in einem echten Layout

   Setze Text darauf, prüfe den Kontrast und sieh es dir in der Größe an, in der Menschen es sehen werden.

Sobald eine Palette als Farbfelder funktioniert, probiere sie als Farbverlauf. Benachbarte Farbtöne mischen sich schön; gegenüberliegende brauchen eine Farbe dazwischen. Farbkombinationen für Farbverläufe hat getestete Beispiele.