Relative Leuchtdichte und Kontrastverhältnis

Zwei Online-Rechner bewerten die relative Leuchtdichte und das Kontrastverhältnis für angegebene Farben.

Diese Webseite exisiert dank der Arbeit von den folgenden Menschen:

Anton

Stefan Roesner

Erstellt: 2021-09-06 02:00:42, Letzte Aktualisierung: 2021-09-06 03:32:19
Creative Commons Attribution/Share-Alike License 3.0 (Unported)

Der Inhalt ist unter der Creative Commons Namensnennung / Weitergabe unter gleichen Bedingungen 3.0 (nicht portiert) lizenziert. Dies bedeutet, dass Sie diesen Inhalt unter den gleichen Lizenzbedingungen frei weitergeben oder ändern dürfen, jedoch mit Zuordnung zum Entwickler indem Sie einen Hyperlink auf Ihrer Webseite zu dieser Arbeit https://de.planetcalc.com/7779/ platzieren. Des Weiteren ändern Sie bitte keine Verweise auf das Originalwerk (falls vorhanden) das in diesem Inhlat vorhanden ist.

Der folgende Rechner gibt die relative Leuchtdichte einer Farbe im RGB-Format an. Weiß hat eine 100% relative Leuchtdichte, Schwarz hat 0%, und alle anderen Farben liegen dazwischen.

PLANETCALC, Relative Leuchtdichte

Relative Leuchtdichte

Farbe im RGB-Format
Zahlen nach dem Dezimalpunkt: 2
Farbe
 
Relative Leuchtdichte, %
 

Berechnung der relativen Leuchtdichte

Jeder Farbkomponentenwert im RGB-Format C8= {R8 - red, G8 - green, B8 - blue} ist eine Ganzzahl zwischen 0 und 255.
Zuerst wandelt man die Farbkomponenten in reelle Werte im Bereich 0..1:
Csrgb = C8/255, wobei C8 = { R8, G8, B8 } ist.

Dann findet man den RGB Wert für jeden Farbkomponente C = { R,G,B }:
C = ((Csrgb+0.055)/1.055)2.4 , wenn Csrgb > 0.03928
oder
C = Csrgb/12.92, wenn Csrgb <= 0.03928 ist.

Mit der Verwendung von linearen Farbkomponenten C={R, G, B} kann man dann relative Leuchtdichte erhalten:
L = 0.2126R + 0.7152G + 0.0722B1

Die Koeffizienten in der obigen Formel reflektieren die Augenempfindlichkeit zu den bestimmten Komponenten: das menschliche Auge spürt das grüne Element als am Leuchtesten, das rote Element ein bisschen weniger und das blaue Element am wenigsten von allen drei.

Kontrast

Wenn man die relative Leuchtdichte kennt, kann man auch ganz einfach das Kontrastverhältnis eines gefärbten Texts mit der folgenden Formel berechnen: (L1 + 0.05) / (L2 + 0.05), wobei L1 und L2 – relative Leuchtdichte vom Text und der Hintergrundfarbe ist (L1>L2).1
Das Kontrastverhältnis zeigt an, wie einfach ein Mensch einen Text oder ein Bild auf einem farbigen Hintergrund erkennen kann. Um einfach lesbar zu sein, sollte das Kontrastverhältnis des Texts und der Hintergrundfarbe 7:1 sein. Das Kontrastverhältnis sollte mindestens 4,5 für einen großen Text oder Logo sein.

PLANETCALC, Kontrastverhältnis

Kontrastverhältnis

Farbe im Hex-Format
Farbe im Hex-Format
Zahlen nach dem Dezimalpunkt: 2
Kontrastverhältnis
 
Farbe 1
 
Farbe 2
 

Tasten Screenshot
Tasten Screenshot

Anhand der Berechnung der Standard-Eingabedaten, ist die Farbe für die Berechnen Taste falsch für diese Seite, da das Kontrastverhältnis 2.84 ist. Menschen mit Sehbeeinträchtigung können nur schwer den Text auf der Taste sehen. Zu meiner Verteidigung muss ich aber sagen, dass die Farbwahl nicht per Zufall getroffen wurde. Der Taschenrechner, den ich 2008 hatte, hatte dieselbe orangene Taste mit weißer Schrift. Vielleicht werden wir dieses Problem in naher Zukunft mal angehen.

URL zum Clipboard kopiert
PLANETCALC, Relative Leuchtdichte und Kontrastverhältnis

Kommentare