RGB- und CMYK-Referenz-Farbkreise zur Farbgestaltung

Diese Farbräder können praktische Hilfestellung leisten, wenn es darum geht gleichwertige wie auch kontrastreiche Farbharmonien oder Komplementärfarben zu bestimmen. Ergänzend für die aktualisierte zweite Auflage des Buches habe ich diese Seite angelegt, damit Leser:innen die Farbkreise auch in RGB betrachten und mit den gedruckten Beispielen vergleichen können.

Die Farbkreise entsprechen jenem der im Mediendesign gebräuchlichen HSB/HSL/HSV-Farbsystemen (die drei Systeme nutzen denselben Farbkreis). Er vereint die RGB-Grundfarben Rot, Grün und Blau mit den CMY-Grundfarben Cyan, Magenta und Gelb. Die Kreise zeigen diese inklusve ihrer Mischfarben Orange, Gelbgrün, Blaugrün, Mittelblau, Violett und Krapprot sowie deren Mischfarben, wodurch sie 24 Farben umfassen.

Unter den Abbildungen finden sich jeweils PDF-Versionen der Grafiken zum Download.

Die ersten sechs Abbildungen zeigen die CMY-Varianten der Farbkreise. Da sie kein Schwarz enthalten, spreche ich korrekterweise von CMY anstelle von CMYK.

Die CMY-Farben von Blau über Rot bis Grün lassen sich in RGB relativ adäquat wiedergeben. Cyan hingegen können die meisten Monitore nicht korrekt darstellen, weshalb auch die benachbarten Töne von Blaugrün bis Mittelblau an Bildschirmen vom tatsächlichen Aussehen auf Papier abweichen.

Die Farben der beiden folgenden Abbildungen zeigen die Farbräder ausgehend von den reinen Bunttönen in vier Stufen aufgehellt bis zu Weiß in der Mitte. Das erste Farbrad zeigt nur die Farben, im zweiten können die CMY-Werte abgelesen werden. Die außen verlaufenden Kreissegmente in Gelb, Cyan und Magenta repräsentieren den Anteil bzw. Farbwert der Grundfarben.

Die Abstufungen sind in Tonwerten (T) angelegt, unter Rot angegeben und gelten ebenso für die anderen Bunttöne.

Erläuterng:

• Für Rot (0 C, 100 M, 100 Y) bedeutet das:
  T 80 % = 80 M, 80 Y;
  T 60 % = 60 M, 60 Y;
  T 40 % = 40 M, 40 Y;
  T 20 % = 20  M, 20 Y.
• Rotorange (0 C, 75 M, 100 Y):
  T 80 % = 60 M, 80 Y;
  T 60 % = 45 M, 60 Y;
  T 40 % = 30 M, 40 Y;
  T 20 % = 15 M, 20 Y.
• Orange (0 C, 50 M, 100 Y):
  T 80 % = 40 M, 80 Y;
  T 60 % = 30M, 60 Y;
  T 40 % = 20 M, 40 Y;
  T 20 % = 10 M, 20 Y.
• usw.

Download PDF: Farbkreis-24-Weiss-CMYK

Für RGB erreicht man über HSB (von Adobe-Programmen verwendet) vergleichbare Nuancen, indem man die Sättigung (S) in 20-%-Schritten reduziert bzw. über HSL (von Figma verwendet) die Helligkeit (L) ausgehend von 50 % in 10-%-Schritten erhöht.

Der folgende Farbkreis zeigt die Bunttöne und ihre Schattierungen bis Schwarz. Der Praxis der Druckvorstufe folgend habe ich den reinen Buntfarben Schwarz hinzugefügt, und zwar in 20-%-Schritten (in diesem Fall handelt es sich also tatsächlich um CMYK-Farbkreise).

Erläuterung:

• Für Rot (0 C, 100 M, 100 Y) bedeutet das:
  100% M, 100% Y + 20% K
  100% M, 100% Y + 40% K
  100% M, 100% Y + 60% K
  100% M, 100% Y + 80% K
• Rotorange (0% Cyan, 75% Magenta, 100% Gelb)
  100% M, 75% Y + 20% K
  100% M, 75% Y + 40% K
  100% M, 75% Y + 60% K
  100% M, 75% Y + 80% K
• etc.

Download PDF: Farbkreis-24-Schwarz-CMYK

Für RGB sind über HSB vergleichbare Nuancen zu erzielen, indem man die Helligkeit (B) in 20-%-Schritten reduziert bzw. über HSL die Helligkeit (L) in 10-%-Schritten reduziert.

Im letzten Farbkreis in diesem Dreierbund reduziert sich die Sättigung der Bunttöne zu neutralem Grau. Das Grau in der Mitte setzt sich aus den drei CMY-Grundfarben zusammen und entspricht 50% K. Diese Töne lassen sich in CMY nicht so einfach erzielen, wie beim Aufhellen und Abdunkeln und mussten deshalb in jedem einzelnen Farbfeld vollständig angegeben werden.

RGB basiert auf Rot, Grün und Blau, die Mischfarben erster Ordnung sind Cyan, Magenta und Gelb. CMY basiert auf Cyan, Magenta und Gelb, die Mischfarben erster Ordnung sind Rot, Grün und Blau. Theoretisch sollten die Farbkreise der Systeme obwohl auf unterschiedlichen Primärfarben basierend identisch aussehen. Praktisch weichen sie deutlich ab, da die Leuchkraft von Lichtfarben mit Druckfarben nicht erreicht werden kann und der sRGB-Farbraum von Standardmonitoren Cyan nicht darstellen kann.

Da sich die meisten CMY-Farbtöne in RGB recht adäquat wiedergeben lassen, sollten auch CMYK-Farben Ausgangspunkt zur Farbdefinition im Corporate Design sein – jedenfalls, sofern man für den Druck nicht auf kräftige Volltonfarben zurückgreifen möchte (und auch damit sind viele RGB-Farben kaum erreichbar). Aber Achtung: Soll Druck-Cyan und benachbarte Farben Hausfarbe werden, sind Kompromisse bei der RGB-Farbe notwendig.

Die folgenden Abbildungen zeigen die RGB-Seite der Farbräder. Während in CMY die Farben von Magenta bis Rot sehr wenig Farbkontrast aufweisen ist das in RGB – wenig überraschend – der Unterschied zwischen Grün und seinen Nachbarn ausgesprochen gering.

Da sich Farbwerte und Abstufungen in HSB leicher finden und notieren lassen, als in RGB, habe ich die Beschriftung in HSB vorgenommen. HSB basiert auf dem RGB-Farbraum – es ist nur eine andere Art RGB-Farben zu notieren. Aufgehellt werden Farben in HSB durch Reduzierung der Sättigung. Das mag einartig klingen, hat aber einen Grund (der allerings etwas sperrig zu erklären wäre).

Download PDF: Farbkreis-24-Weiss-HSB

Abgedunkelt werden die Bunttöne in HSB indem man die Helligkeit (B, Brightness) reduziert.

Download PDF: Farbkreis-24-Schwarz-HSB

Um RGB-Farbtöne zu vergrauen, müssen in HSB sowohl Helligkeit als auch Sättigung reduziert werden.

Download PDF: Farbkreis-24-Grau-HSB

Um das Finden passender Farbtöne und Farbräume für das Corporate Design – und nicht nur dafür – zu erleichtern, habe ich die folgenden Farbrkeise erstellt. Sie zeigen farblich adäquate RGB-Versionen der CMY-Farbkreise. Überwiegend handelt es sich um regulär von CMYK nach RGB umgerechnete und in HSB beschriftete Varienten aus den CMY-Farbkreisen. Wo jedoch die umgerechnete Variante erkennbar von der Ausgangsfarbe abgewichen ist, habe ich eine optische Korrektur vorgenommen.

Download PDF: Farbkreis-24-Weiss_CMYK>HSB

Die fehlenden Farbkreise mit abgedunkelten und vergrauten Farben werde ich zeitnah nachreichen.