ZEISS Brand Portal
ZEISS Brand Portal
FarbenKontextbezogene Farben

Kontextbezogene Farben werden für bestimmte Anwendungsfälle benötigt. Sie sind unverzichtbar, da ohne sie eine klare Kommunikation, eine präzise Unterscheidung und der beabsichtigte Zweck nicht möglich wären.

Anwendungsfälle
Benutzeroberflächen
Benutzeroberflächen

Verwende nur dann eine Farbe, die sich von der sekundären Farbpalette unterscheidet, wenn der Farbtonwert im HSL-Farbsystem um mehr als 20 Punkte abweicht. Eine Ausnahme bilden Sonderfarben, die zur Einhaltung von ISO-Normen erforderlich sind.

Illustrationen
Illustrationen

Für Illustrationen verwenden wir grundsätzlich, wann immer möglich, die Sekundärfarben. Ausnahmen sind:

  • Hauttöne

  • Spezifische Produktfarben

  • Grund- und Schattierungsfarben

  • Zusätzliche Paletten

Technische Dokumentation
Technische Dokumentation

Wir behandeln Farben in technischen Dokumentationen ähnlich wie Farben im Bereich der Benutzeroberfläche. Wann immer möglich, verwenden wir Sekundärfarben. Ist dies nicht möglich, wählen wir eine Farbe mit einem Farbtonunterschied von mindestens 20 Punkten (HSL) zu unserer Sekundärfarbpalette.

Infografiken
Infografiken

Infografiken decken ein breites Spektrum an Anwendungen ab, von PowerPoint-Folien bis hin zu Apps, die medizinische Daten analysieren.

Wähle eine bestehende Kontextbezogene Farbe aus oder erstelle eine neue

Bevor Du eine neue kontextbezogene Farbe entwickelst, prüfe zunächst, ob stattdessen eine vorhandene Sekundärfarbe verwendet werden kann.

Kontextbezogene Farben haben keine vordefinierte Verwendung. Sie sind vielmehr für Fälle vorgesehen, in denen Sekundärfarben allein nicht ausreichen, wie beispielsweise für Illustrationen, Benutzeroberflächen, ISO-Normen und Signale.

Wähle eine bestehende Kontextbezogene Farbe aus oder erstelle eine neue
Wie Du eine neue kontextbezogene Farbe definierst
Erstelle eine Farbe
Erstelle eine Farbe

Wähle die gewünschte Farbe aus, die Deinen Anforderungen entspricht.

Prüfe auf Ähnlichkeiten
Prüfe auf Ähnlichkeiten

Stelle fest, ob für die jeweilige Anwendung bereits eine ähnliche Farbe vorhanden ist. Wenn ja, verwende die vorhandene Farbe.

Stelle eine Differenzierung sicher
Stelle eine Differenzierung sicher

Wenn keine ähnliche Farbe vorhanden ist, stelle sicher, dass die neu definierte Farbe einen Farbtonunterschied von 20 Punkten (HSL) zu den Sekundärfarben aufweist.

Prüfe hinsichtlich Barrierefreiheit
Prüfe hinsichtlich Barrierefreiheit

Überprüfe den Kontrast (WCAG) und stufe ihn auf der Skala ein.

Don’ts
Ausgewählte kontextbezogene Farbe zu nah an einer Sekundärfarbe

Ausgewählte kontextbezogene Farbe zu nah an einer Sekundärfarbe

Unterschiedliche Farbtöne nebeneinander

Unterschiedliche Farbtöne nebeneinander

Farbverläufe zwischen Farben

Farbverläufe zwischen Farben

Hast Du Fragen?

Corporate Brand, Communications & Public Affairs

Bleib in Kontakt