Farbe

Wenn wir etwas kreieren, das unmissverständlich Red Hat ist, bleiben wir bei unseren Kernfarben, also den Farben, die in unserem Logo enthalten und am engsten mit unserer Marke verbunden sind. Farbtöne und Schattierungen von Rot und neutrales Grau bieten Flexibilität zum Erzeugen von Tiefe und Schatten.

Unsere sekundäre Palette fügt Energie hinzu und ergänzt Red Hat Rot, ohne damit zu konkurrieren. Bleiben Sie neben Red Hat Rot bei 1 oder 2 sekundären Farben, um eine stärkere Wirkung zu erzeugen. 

Um Tiefe und Fülle hinzuzufügen, setzen wir subtile Gradienten zum Füllen von Hintergrundbereichen und Akzenten ein. Sie sollten niemals den Hauptfokus der Komposition darstellen − sie sollten verbessern, nicht übertreffen.

Um die Auswahl sich ergänzender Farben zu erleichtern, haben wir Farbkollektionen zusammengestellt, die Farben palettenübergreifend auf unterschiedliche Weise kombinieren. Beginnen Sie bei Ihren Projekten jeweils mit einer dieser Kollektionen.

Verwenden Sie keine Farben, die nicht zur Red Hat Farbpalette gehören.

Überfluten Sie Ihre Inhalte nicht mit Red Hat Rot (red-50). Rot ist eine starke Farbe. Verwenden Sie sie, um Farbtupfer hinzuzufügen.

Verwenden Sie nicht mehr als 2 sekundäre Farben in demselben Bildmaterial. Je weniger Farben, desto besser.

Vergessen Sie nicht, Red Hat Rot (red-50) zu verwenden. Alles von Red Hat sollte red-50 beinhalten.

Verwenden Sie keine Farben, die nicht barrierefrei sind. Gleichen Sie stets das Kontrastverhältnis von Text und anderen Elementen mit der Hintergrundfarbe ab.

Vermeiden Sie eine übermäßige Verwendung von Gradienten. Verwenden Sie Gradienten, um subtile Tiefe und Fülle hinzuzufügen.

Zusätzlich zu unseren Kern- und sekundären Farben haben wir 2 Zusatzfarbpaletten, die bei Bedarf verwendet werden können. Diese Farben sollten nur für den vorgesehenen Zweck verwendet werden, nicht als sekundäre Farben.

Die Informationspalette ist für Status und Interaktivität reserviert. Sie ist funktionell, nicht dekorativ. Verwenden Sie diese Farben für Benutzeroberflächen, Webseiten, Grafiken und Diagramme, Berichte und anderes informatives Bildmaterial.

Unser Ziel ist es, Menschen immer so darzustellen, wie sie im richtigen Leben sind. Diese Farben sollten nur als Hauttöne für in Illustrationen dargestellte Menschen verwendet werden. Wählen Sie für jede dargestellte Person 1 Hautfarbtonfamilie. Erfahren Sie mehr über die Darstellung von Menschen.

Mit Farbe lässt sich schnell eine Botschaft oder eine Information vermitteln. Wir arbeiten mit allgemein verständlichen Farbassoziationen für Benutzeroberflächen sowie Präsentationsfolien, Infografiken und Diagrammen, um ein konsistentes Kundenerlebnis zu schaffen.

Dies sind die Farben, die wir zur Repräsentation und zum Aufbau des Markenbewusstseins für Red Hat einsetzen.

Bei diesen Farben handelt es sich um funktionelle Farben. Sie sollten nur für den vorgesehenen Zweck und nicht für dekoratives Bildmaterial verwendet werden.

Die Beschreibung von Hautfarbtonfamilien unterscheidet sich von traditionellen Farbassoziationen: Kühle Hautfarben tendieren zu Rosatönen, während warme Hautfarben zu Gelb- und Brauntönen tendieren. Erfahren Sie mehr über die Darstellung von Menschen.

Menschen mit Farbenblindheit nehmen Farbunterschiede anders als die meisten Menschen wahr. Dadurch fällt es ihnen schwer, Informationen zu verstehen, die sich nur durch Farben unterscheiden, insbesondere in Diagrammen oder Benutzeroberflächen. Die häufigsten Formen von Farbenblindheit sind die Rot-Grün-Sehschwäche (Deuteranopie oder Protanopie) und die Blau-Gelb-Sehschwäche (Tritanopie).

Wenn Sie etwas nur mit Farbe ausdrücken, verstehen Menschen mit Farbenblindheit Ihr Bildmaterial unter Umständen nicht. Verwenden Sie daher neben Farbe zusätzlich Text oder Symbole und wählen Sie Farben unterschiedlicher Sättigungsgrade, um Dinge zu differenzieren. Verwenden Sie ein Tool wie Color Oracle, um durch eine Simulation ein besseres Gefühl dafür zu bekommen, wie Ihr Bildmaterial für jemanden mit Farbenblindheit aussieht.

Verwenden Sie zusätzlich zu Farben auch Beschriftungen, um unterschiedliche Bereiche von Diagrammen, Tabellen und Benutzeroberflächen zu kennzeichnen.

Verlassen Sie sich nicht nur auf Farben. Eine Person mit Farbenblindheit kann die Farben möglicherweise nicht unterscheiden, was es ihr unmöglich macht, die Informationen zu verstehen.

Gesättigte Farbtöne mit ähnlicher Intensität können bei gemeinsamer Verwendung vibrieren, sodass die Ränder unscharf und verschwommen erscheinen. Diese Farben können für jedermann schwierig zu betrachten und zu unterscheiden sein und bei Menschen mit eingeschränktem Sehvermögen sogar Schmerzen verursachen.

Kombinieren Sie helle Farben mit weniger gesättigten und neutralen Farben.

Verwenden Sie keine Farben mit ähnlicher Intensität in demselben Bereich.