Barrierefreie Farbkombinationen
Um eine einfache und möglichst barrierefreie Gestaltung von Print- und Bildschirmmedien zu ermöglichen, wurden Farbkombinationen aus dem Farbspektrum der Bundesregierung, sowie Schwarz und Weiß (für RGB- und CMYK-Farbwerte) vordefiniert. Diese Kombinationen berücksichtigen die Anforderungen an barrierefreie Kontraste entsprechend der DIN 1450. Die Farbwerte für Druck- und Onlineanwendungen sind aus den oben aufgeführten Farbtabellen zu entnehmen.
Mit dem Kontrastrechner können Sie auch eigene Farbkombinationen (aus dem Farbspektrum der Bundesregierung) im Hinblick auf die Anforderungen der Barrierefreiheit überprüfen.
Rot-Grün-Kombinationen sind zu vermeiden, da sie von Menschen mit Rot-Grün-Blindheit nicht erkannt werden. Außerdem sind Kontraste von Komplementärfarben ungeeignet, da sie zu einem Flimmereffekt führen.
Um den Kontrast einer Farbkombination zu erhöhen, können Farben zusätzlich aufgehellt oder mit Schwarz abgedunkelt werden.
Die abgebildeten Farbkombinationen sind eine Liste von Farben, die die Kontrastanforderungen erfüllen. Sie wurden nicht unter ästhetischen Gesichtspunkten kombiniert und dienen nur der Orientierung.
Informationen können nicht nur durch Farben vermittelt werden. Für eine möglichst barrierefreie Gestaltung können zusätzlich zur Farbe weitere Unterscheidungsmerkmale verwendet werden, zum Beispiel Texturen (schraffiert, gepunktet, gestrichelt etc.).
-
Hellorange
-
Hellgrün
-
Hellblau
-
Hellgrau
-
Weiß
Farbkombinationen mit Violett
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Hellorange
- 5,6 : 1
- Hellorange
- 0,9
- Hellgrün
- 5,5 : 1
- Hellgrün
- 0,9
- Hellblau
- 5,5 : 1
- Hellblau
- 0,9
- Hellgrau
- 5,6 : 1
- Hellgrau
- 0,9
- Weiß
- 9,8 : 1
- Weiß
- 0,9
-
Hellorange
-
Gelb
-
Hellblau
-
Hellgrau
-
Weiß
Farbkombinationen mit Dunkelrot
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Hellorange
- 6,4 : 1
- Hellorange
- 0,9
- Gelb
- 8,3 : 1
- Gelb
- 0,9
- Hellblau
- 6,2 : 1
- Hellblau
- 0,9
- Hellgrau
- 6,3 : 1
- Hellgrau
- 0,9
- Weiß
- 11 : 1
- Weiß
- 0,9
-
Gelb
-
Weiß
Farbkombinationen mit Rot
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Gelb
- 4,8 : 1
- Gelb
- Nicht ausreichend
- Weiß
- 6,4 : 1
- Weiß
- 0,7
-
Dunkelrot
-
Dunkelgrün
-
Dunkelblau
-
Schwarz
Farbkombinationen mit Hellorange
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Dunkelrot
- 6,4 : 1
- Dunkelrot
- 0,9
- Dunkelgrün
- 4,6 : 1
- Dunkelgrün
- Nicht ausreichend
- Dunkelblau
- 5,3 : 1
- Dunkelblau
- 0,8
- Schwarz
- 12,1 : 1
- Schwarz
- 1
-
Dunkelrot
-
Rot
-
Dunkelgrün
-
Dunkelblau
-
Dunkelgrau
-
Schwarz
Farbkombinationen mit Gelb
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Dunkelrot
- 8,3 : 1
- Dunkelrot
- 0,9
- Rot
- 4,8 : 1
- Rot
- Nicht ausreichend
- Dunkelgrün
- 6 : 1
- Dunkelgrün
- 0,8
- Dunkelblau
- 6,9 : 1
- Dunkelblau
- 0,9
- Dunkelgrau
- 4,8 : 1
- Dunkelgrau
- 0,9
- Schwarz
- 15,8 : 1
- Schwarz
- 1
-
Violett
-
Dunkelgrün
-
Dunkelblau
-
Schwarz
Farbkombinationen mit Hellgrün
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Violett
- 5,5 : 1
- Violett
- 0,9
- Dunkelgrün
- 4,5 : 1
- Dunkelgrün
- 0,7
- Dunkelblau
- 5,2 : 1
- Dunkelblau
- 0,9
- Schwarz
- 11,8 : 1
- Schwarz
- 1
-
Hellorange
-
Gelb
-
Hellgrün
-
Hellblau
-
Hellgrau
-
Weiß
Farbkombinationen mit Dunkelgrün
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Hellorange
- 4,6 : 1
- Hellorange
- Nicht ausreichend
- Gelb
- 6 : 1
- Gelb
- 0,8
- Hellgrün
- 4,5 : 1
- Hellgrün
- 0,7
- Hellblau
- 4,5 : 1
- Hellblau
- 0,7
- Hellgrau
- 4,6 : 1
- Hellgrau
- Nicht ausreichend
- Weiß
- 8 : 1
- Weiß
- 0,8
-
Violett
-
Dunkelrot
-
Dunkelgrün
-
Dunkelblau
-
Schwarz
Farbkombinationen mit Hellblau
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Violett
- 5,5 : 1
- Violett
- 0,9
- Dunkelrot
- 6,2 : 1
- Dunkelrot
- 0,9
- Dunkelgrün
- 4,5 : 1
- Dunkelgrün
- 0,7
- Dunkelblau
- 5,2 : 1
- Dunkelblau
- 0,9
- Schwarz
- 11,9 : 1
- Schwarz
- 1
-
Gelb
-
Hellgrün
-
Hellblau
-
Hellgrau
-
Weiß
Farbkombinationen mit Dunkelblau
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Gelb
- 6,9 : 1
- Gelb
- 0,9
- Hellgrün
- 5,2 : 1
- Hellgrün
- 0,9
- Hellblau
- 5,2 : 1
- Hellblau
- 0,9
- Hellgrau
- 5,3 : 1
- Hellgrau
- 0,8
- Weiß
- 9,3 : 1
- Weiß
- 0,9
-
Gelb
-
Weiß
Farbkombinationen mit Dunkelgrau
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Gelb
- 4,8 : 1
- Gelb
- 0,9
- Weiß
- 6,4 : 1
- Weiß
- 0,9
-
Violett
-
Dunkelrot
-
Dunkelgrün
-
Dunkelblau
-
Schwarz
Farbkombinationen mit Hellgrau
- Kontrastverhältnis
- RGB
- Kontrast
- CMYK
- Violett
- 5,6 : 1
- Violett
- 0,9
- Dunkelrot
- 6,3 : 1
- Dunkelrot
- 0,9
- Dunkelgrün
- 4,6 : 1
- Dunkelgrün
- Nicht ausreichend
- Dunkelblau
- 5,3 : 1
- Dunkelblau
- 0,8
- Schwarz
- 12 : 1
- Schwarz
- 1