Die Changa ist eine sehr eigenwillige, schwer einordenbare Schriftart der 2010er Jahre, die trotz ihres ungewöhnlichen Charakters überraschend gut lesbar ist. Obwohl von rechteckigen Formen geprägt, wirkt sie eher organisch als geometrisch.

Get the Font: https://www.fontsquirrel.com/fonts/changa

Ebenen vs. Elemente: Ich erkläre, warum in Affinity jedes Objekt automatisch eine eigene Ebene ist – und was das für deinen Workflow bedeutet.

Container-Ebenen: Ich zeige dir, wie du mit Container-Ebenen Elemente so gruppierst, wie du es von den Ebenen in InDesign und Illustrator kennst.

Gruppen erstellen: Ich erkläre, wie du Elemente in Affinity gruppierst, wo du den Befehl findest und welche Tastaturbefehle du dafür nutzen kannst.

Gruppen vs. Container-Ebenen: Ich zeige den praktischen Unterschied zwischen beiden Konzepten – und warum das Verhalten letztlich gar nicht so anders ist als bei Adobe.

Penguin Books wurde 1935 von Allen Lane in England gegründet, um ansprechend gestaltete Taschenbücher für ein breites Publikum zu verlegen. Den Namen schlug eine Sekretärin vor, inspiriert durch die Verlagsmarke The Albatross Library.

Das Logo zeichnete Edward Young, ein 21-jähriger Designer, nach einem Besuch im Londoner Zoo. Daneben gestaltete Young auch den Buchumschlag, dessen Farbe je nach Gattung variierte. 

1946 schuf Jan Tschichold eine überarbeitete Fassung, die fast 60 Jahre unverändert blieb, bis Penguin Books das Designbüro Pentagram mit einer Überarbeitung beauftragte, die 2003 eingeführt wurde. 

Pentagrams Angus Hyland orientierte sich eng an Tschicholds Vorlage, korrigierte aber Fehler, die sich in Jahrzehnten der Reproduktion eingeschlichen hatten und verschlankte den Pinguin um 15 %, um auf schmalen Buchrücken besser auszusehen. Heute ist der Pinguin das wohl bekannteste Verlagszeichen der Welt.

Mehr ikonische Logos findest du hier.

Die Cairo weist einen etwas rechteckigen Charakter auf, ohne streng oder geometrisch zu wirken. Der Stil sollte gut zu erdigen und handwerklichen Themen passen und beispielsweise auch zu Outdoor und Abenteuer. Die offenen Formen folgen dem Vorbild der humanistischen Antiqua.

Get the Font: https://fonts.google.com/specimen/Cairo?preview.script=Latn

InDesign-Dokumente importieren: Ich zeige dir, wie du bestehende InDesign-Layouts als IDML-Datei speicherst und in Affinity öffnest – und worauf du bei der Kompatibilität achten musst.

Benutzeroberfläche optimieren: Ich erkläre, warum ich eine helle bzw. mittelgraue Oberfläche gegenüber dem dunklen Standard bevorzuge und wie sich das auf die Bildbearbeitung und Farbwahrnehmung auswirkt.

Programmhilfe und KI-Assistent: Ich stelle dir die integrierte Hilfe sowie den KI-Assistenten „Ritson“ vor, der direkt als Panel in Affinity verfügbar ist.

Zoom und Navigation: Ich erkläre die Zoom-Funktionen und die wichtigsten Tastaturbefehle für Mac und Windows, inklusive des Ansichtswerkzeugs als Equivalent zum Hand-Tool in Adobe.

Volkswagen wurde 1937 auf Initiative Adolf Hitlers gegründet, der Ferdinand Porsche beauftragte, ein erschwingliches »Volksauto« für die breite Bevölkerung zu entwickeln. Der Firmensitz entstand in dem eigens dafür gegründeten Ort Wolfsburg.

Das Zeichen – ein V über einem W in einem Kreis – entwarf Franz Xaver Reimspieß, ein Ingenieur im Porsche-Team. Das frühe Logo trug noch nationalsozialistische Symbole; nach Kriegsende genehmigten die britischen Behörden nur die reduzierte Kreisform, die 1948 als Warenzeichen angemeldet wurde. 

In den 1960er Jahren kam Blau als Markenfarbe hinzu, 1978 erschienen die Buchstaben weiß auf blauem Grund. Von 1999 bis 2020 wurde das Logo in 3D-Chrom-optik geführt, die 2000 im Zuge der Elektrooffensive und der Trendwende hin zu Flat-Design einem minimalistischen Design wich.

Das Grundprinzip – zwei Buchstaben, ein Kreis – hat sich über acht Jahrzehnte nicht verändert, Das Logo gilt heute als eines der bekanntesten Markenzeichen der Welt.

Mehr ikonische Logos findest du hier.

Die Blinker ist eine robust und handwerklich anmutende, relativ organische Schriftart nach humanistischem Vorbild in neun Schnitten.

Get the Font: https://fonts.google.com/specimen/Blinker

Tutorial Helligkeit und Kontrast: https://youtu.be/L6QUv6TY_GE

Ein spannendes Update für Canvas Profi-Designprogramm. Für Grafiker und Werbeagenturen könnte Affinity zukünftig ausgesprochen interessant werden.

Das Rotes-Kreuz-Logo entstand 1863 auf Initiative von Henry Dunant, dem Gründer des Internationalen Komitees vom Roten Kreuz (IKRK). Es ist die Umkehrung der Schweizer Flagge und war ursprünglich als neutrales Schutzzeichen für Sanitäter auf dem Schlachtfeld gedacht.

Das Design ist denkbar schlicht: ein gleicharmiges rotes Kreuz auf weißem Grund, ohne Schrift oder andere Elemente. Das Kreuz besteht aus fünf gleich großen Quadraten. Eine dermaßen drastische Reduktion eines  Markensymbols war vor dem 20. Jahrhundert ausgesprochen ungewöhnlich.

Seit den Genfer Konventionen von 1864 steht das Symbol unter internationalem Schutz – jede missbräuchliche Verwendung ist völkerrechtlich verboten. Im Russisch-Türkischen Krieg (1876–1878) führte das Osmanische Reich den Roten Halbmond ein, da das Kreuz als christliches Symbol als unpassend für überwiegend muslimische Soldaten wahrgenommen wurde. 1929 wurde der Rote Halbmond völkerrechtlich anerkannt. 2005 kam der Rote Kristall als religiös und politisch neutrales Schutzzeichen hinzu.

Mehr ikonische Logos findest du hier.

Bildmarken sind für Fahrradhersteller schwierig: Die Rahmen bieten wenig Höhe zur Platzierung, und die Ausrichtung muss dem diagonalen Verlauf der Rohre folgen – bei manchen Symbolen kann das eigenartig wirken. Schriftzüge eignen sich besser zur Anbringung auf den Rahmen.

Dennoch führen viele Bike-Marken zusätzlich zum Schriftzug ein Symbol. Trek nutzte ursprünglich serifenlose, aufrecht stehende Schriftzüge, später einen serifenbetonten, kursiv gesetzten, dem ein im Negative Space ausgeführtes, plastisches »T« zwischen zwei dynamischen Bögen zur Seite gestellt wurde. 

Der aktuelle serifenlose, konstruierte Schriftzug wird von einem Wappen begleitet, in dem gebogene Linien für Perspektive, Dynamik und die Andeutung eines Weges sorgen.

Gegründet wurde Trek Bicycle 1976 von Dick Burke und Bevil Hogg in einer Scheune in Waterloo, Wisconsin. Den Namen wählte Burke, weil er Assoziationen zu Abenteuer und Entdeckung wecken wollte – Motive, die für die Gründer den Kern ihrer Marke bilden sollten.

Mehr ikonische Logos findest du hier.

Die Bitter ist eine gut ausgebaute und gestaltete Slab Serif nach humanistischem Vorbild.

Get the Font: https://fonts.google.com/specimen/Bitter

Toyota wurde 1937 von Kiichiro Toyoda gegründet. Seit 1989 gibt es das heutige Logo. Die Entwicklung dauerte fünf Jahre und hatte  laut Toyota zwei vorranige Ziele: Erkennbarkeit auf Distanz und starke Bildwirkung. Das Emblem zeigt drei Ovale – die beiden inneren symbolisieren  die Herzen von Kunden und Unternehmen, ihre Überschneidung gegenseitiges Vertrauen. Das äußere Oval symbolisiert die Welt. In die inneren Ovale lassen sich alle Buchstaben von »Toyota« hineininterpretieren.

Das Logo von Toyota ist markant und gelungen, die vom Marketing hineininterpretierten Bedeutungen empfinde ich allerdings als weit überzogen. Was ich sehe, wenn ich es betrachte, ist der Kopf eines Stiers oder Büffels. Kräftige, robuste Tiere, die eine für Zuverlässigkeit bekannte Marke bestens repräsenteiren können. Aber Herzen von Kunden und Untermehmen die sich in Vertrauen begegnen? Das ist sehr stark emotionalisiert und wenn ich an emotionale Marken denke, ist Toyota eine der letzten, die mir dazu einfallen.

Mehr ikonische Logos findest du hier.

Die Archivo ist eine modern und etwas technisch anmutende, sachliche Sans Serif, die an die Helvetica erinnert, einen Hauch von Franklin Gothic versprüht, dabei aber eigenständig ist und sich optisch nicht wichtig macht.

Get the Font: https://www.fontshare.com/fonts/bevellier

Ich zeige, dass Affinity seit Version 3 nur noch ein einziges Dateiformat kennt: AF. Egal ob Vektorgrafik, Pixelbild oder Layout – alles wird in dieser einen Datei gespeichert. Das ist ein grundlegender Unterschied zu Adobe, wo InDesign, Illustrator und Photoshop jeweils eigene Formate nutzen, die untereinander nicht kompatibel sind.

Anschließend erkläre ich, wie Speichern und Exportieren in Affinity funktionieren. Formate wie JPEG, PNG oder TIFF werden nicht über Speichern erzeugt, sondern über Exportieren – was zwar anders ist als in Photoshop, aber durchaus vergleichbar mit dem Workflow in InDesign. Auch der Umgang mit Vektordateien wie AI, EPS und SVG sowie das Öffnen von InDesign-Layouts als IDML-Datei wird erklärt.

Abschließend zeige ich den großen praktischen Vorteil des einheitlichen AF-Formats: Bildbearbeitung und komplexe Vektorgrafiken lassen sich direkt in der Layoutdatei vornehmen, ohne den Umweg über separate Programme und verknüpfte Dateien – ein echter Effizienzgewinn für alle, die bisher mit dem Adobe-Dreiklang aus Photoshop, Illustrator und InDesign gearbeitet haben.

IBM wurde 1911 in New York als Computing-Tabulating-Recording Company (CTR) gegründet, ein Zusammenschluss von vier Herstellern von Mess- und Aufzeichnungssystemen. 1924 wurde das Unternehmen in International Business Machines (IBM) umbenannt.

1924 wurde das Akronym IBM als Logo eingeführt, gesetzt regulären Slab-Serif-Buchstaben. Der Grafikdesigner Paul Rand gab dem schlichten Schriftzug 1956 einen charakteristischeren, geometrischen Charakter. 1967 löste er die Buchstaben in 13 horizontalen Streifen auf, 1972 folgte die bis heute gültige Version mit 8 Streifen.

Das Logo gilt als Meilenstein der Designgeschichte. Rand präsentierte für seine Aufträge stets nur einen einzigen – nach seinem ermessen ultimativen – Entwurf. Für IBM lieferte er zusammen mit dem Logo ein detailliertes Anwendungshandbuch, womit er das Konzept des Corporate Identity Manuals wesentlich mitbegründete. Steve Jobs bezeichnete ihn einmal als den größten Grafiker, den Amerika je hervorgebracht hat.

Mehr ikonische Logos findest du hier.

Ich erkläre, wie die Menüstruktur in Affinity aufgebaut ist und warum sie sich grundlegend von Adobe unterscheidet: In Affinity sind die Menüs in allen Studios identisch, was den Wechsel zwischen Vektor-, Pixel- und Layout-Studio deutlich einfacher macht.

Anschließend zeige ich, wie ich die Symbolleiste für jedes Studio individuell anpasse – also welche Schaltflächen ich hinzufüge, entferne oder neu anordne, und wie ich die Einstellungen danach im Studio speichere, damit sie beim nächsten Zurücksetzen nicht verloren gehen.

Beim Werkzeuge-Panel erkläre ich, wie Werkzeuggruppen funktionieren und wie ich Unterwerkzeuge direkt ins Panel hole, anstatt sie in einer Gruppe zu verbergen. Dazu zeige ich, wie ich die Anordnung der Werkzeuge so optimiere, dass ich häufig genutzte Funktionen schnell im Zugriff habe.

Abschließend gehe ich auf die Panels ein: Ich erkläre, wie ich sie aus Gruppen löse, neu anordne und für jedes Studio separat einrichte – inklusive dem Trick, im Vektor-Studio ein linkes Panel anzulegen, das dort standardmäßig nicht vorgesehen ist.

Der Duktus der Arsenal erinnert an die Optima – eine Serif ohne Serifen –, sie ist aber schmaler. Ich kann sie mir auch als Alternative zur Syntax vorstellen.

Get the Font: https://fonts.google.com/specimen/Arsenal

Das Batman-Logo gehört zu den bekanntesten Symbolen der Popkultur, hat allerdings eine ungewöhnlich vielgestaltige Geschichte. Es gibt keine einzelne ikonische Version. Vielmehr wurde es über die Jahrzehnte ständig verändert. So gibt es über 20 Versionen aus den Comics und etwa zwölf aus Batman-Serien und Filmen. In dieser Galerie zeige ich 15 davon.

Die erste Version erschien 1939 in Comics und war schlicht und unregelmäßig. In den folgenden Jahrzehnten wurde die Fledermaussilhouette je nach Zeichner und Kontext immer wieder neu interpretiert, ohne dass es eine verbindliche Standardform gab. In der bekanntesten Variante steht das Fledermaussymbol in einem gelben Oval, wahrscheinlich eingeführt 1964, übernommen für die bekannte US-Fernsehserie von 66 bis 68 und 1989 für Tim Burtons Batman-Kinofilme.

Mehr ikonische Logos findest du hier.

Diese Galerie zeigt die elf wichtigsten Farben und womit wir sie im Einzelnen im Wesentlichen verbinden, wofür wir sie verwenden und womit wir sie assoziieren.

Farbe und Bedeutung: Blau

Farbe und Bedeutung: Braun

Farbe und Bedeutung: Gelb

Farbe und Bedeutung: Grau

Farbe und Bedeutung: Grün

Farbe und Bedeutung: Orange

Farbe und Bedeutung: Rosa

Farbe und Bedeutung: Rot

Farbe und Bedeutung: Schwarz

Farbe und Bedeutung: Violett

Farbe und Bedeutung: Weiß

Kontextleiste und Werkzeuge-Panel: Ich zeige, wie du diese beiden Elemente per Doppelklick löst und wieder verankerst, und weise auf eine kleine Eigenheit beim Zurücksetzen von Studios hin.

Studios statt separate Programme: Ich erkläre, wie Vektor-, Pixel- und Layout-Studio funktionieren und warum sie nicht als drei separate Apps zu verstehen sind, sondern als Arbeitsbereiche innerhalb einer einzigen Anwendung.

Panels anordnen und zurücksetzen: Ich zeige, wie du Panels frei verschiebst, in Studios verankerst und mit einem Rechtsklick auf die Standardanordnung zurücksetzt – vergleichbar mit Arbeitsbereichen in Adobe-Programmen.

Einheitliche Shortcuts: Ich erkläre, warum Affinity konsequent auf einheitliche Tastaturbefehle über alle Studios hinweg setzt – und was das für den Umstieg von Adobe bedeutet.

Die Archivo ist eine modern und etwas technisch anmutende, sachliche Sans Serif, die an die Helvetica erinnert, einen Hauch von Franklin Gothic versprüht, dabei aber eigenständig ist und sich optisch nicht wichtig macht.

Get the Font: https://fonts.google.com/specimen/Archivo

Einstellungen speichern: Ich zeige, wie Affinity die zuletzt verwendeten Dokumenteinstellungen merkt und wie du eigene Vorlagen für wiederkehrende Projekte speicherst.

Neues Dokument anlegen: Ich erkläre den Neu-Dialog in Affinity, welche Vorlagen und Formate verfügbar sind und wie er sich von den Adobe-Programmen unterscheidet.

Farbmodus und Farbtiefe: Ich erkläre, wann du RGB 8 und wann CMYK 8 wählen solltest – je nachdem, ob du für Bildschirm oder Druck arbeitest.

Farbprofile richtig setzen: Ich zeige, welches Farbprofil für die meisten Anwender:innen sinnvoll ist, und wie du das in Europa gängige Druckprofil PSO Coated V3 findest oder herunterlädst.

Mehrseitige Dokumente und Sonderoptionen: Ich erkläre, wie du Doppelseiten, Seitenausrichtung und Anschnitt einstellst – inklusive zweier Optionen, die Affinity bietet und InDesign nicht kennt.

Die Andada ist eine organische, robust und etwas handwerklich anmutende Serif nach humanistischem Vorbild. Solche Charaktere werden in der Buchtypografie gerne eingesetzt.

Get the Font: https://huertatipografica.com/en/fonts/andada-ht-pro

Meine persönliche Einschätzung: Ich teile meine Erfahrungen als langjähriger Adobe-Anwender und erkläre, für wen sich der Umstieg auf Affinity lohnt – und für wen nicht.

Geschichte von Affinity: Ich erkläre, wie das britische Unternehmen Serif ab 2014 mit Affinity Designer, Affinity Photo und Affinity Publisher eine vollwertige Alternative zur Adobe Creative Cloud aufgebaut hat.

Affinity vs. Adobe im Vergleich: Ich zeige, wo Affinity mit InDesign und Illustrator auf Augenhöhe ist – und wo Adobe, insbesondere bei der KI-gestützten Bildbearbeitung, noch die Nase vorn hat.

Vorteile von Affinity: Ich erkläre, warum das einheitliche Dateiformat, die identischen Tastenkürzel über alle drei Anwendungen hinweg und die nahtlose Integration von Vektor-, Pixel- und Layoutarbeit in einer einzigen App echte Stärken sind.

Personas statt separate Programme: Seit 2025 sind Affinity Designer, Photo und Publisher in einer Anwendung vereint. Ich erkläre, wie der Wechsel zwischen Vektor-, Pixel- und Layout-Persona funktioniert und warum das im Arbeitsalltag einen großen Unterschied macht.

Die Ancizar Sans ist eine ausgesprochen organische Sans Serif nach humanistischem Vorbild, die man etwa als Alternative zur Optima einsetzen kann – weniger elegant, dafür erdiger.

Get the Font: https://fonts.google.com/specimen/Ancizar+Sans

Die Amble ist eine etwas strenge Sans Serif nach humanistischem Vorbild. Sie ist zurückhaltend und neutral ohne kühl zu wirken.

Get the Font: https://www.fontsquirrel.com/fonts/amble

Das Tutorial, in dem ich erkläre, was ein Histogramm ist und wie man damit arbeitet, gibt es hier: https://youtu.be/L6QUv6TY_GE?si=5-kNK-5TlQPvlw03

Die Alpino ist eine lebendige, etwas unruhige Sans Serif nach humanistischem Vorbild, die keinen ganz ernsten Eindruck vermittelt.

Get the Font: https://www.fontshare.com/fonts/alpino

Für mein Buch »Das ABC der Farbe« (mehr Information und Kauf auf der Website des Rheinwerk-Verlags) habe ich 24-teilige Farbkreise inklusive iherer Farbwerte in CMYK erstellt und zwar in Versionen von den reinen Bunttönen zu Weiß, von den reinen Bunttönen zu Schwarz und von den reinen Bunttönen zu mittlerem Grau.

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.