Chamäleon

Diese Seite ändert bei jeden Aufruf durch Zufall oder Eingabe ihre Farbe, wie ein Chamäleon in der Natur. Der Farbwechsel wird durch die CSS Datei hervorgerufen die die entsprechenden Variablen zur Gestaltung übernimmt. Dieses Chamäleon versucht sich aber nicht zu tarnen sondern will ja entdeckt werden. Ungültige Eingaben werden dabei wieder auf die Zufallsfunktion umgeleitet.

Momentane Farbwerte

Momentan werden folgende Farben verwendet. Vordergrundfarbe: RGB Werte 13, 155, 75 und als Hexadezimalwert 0d9b4b sowie die entsprechende Komplementärfarbe wird auch berechnet. Die RGB Werte 242, 100, 180 und der Hexadezimalwert f264b4 gelten für die Komplementärfarbe. Für die Hintergrundfarbe wurde als Farbe der Hexadezimalwert 000000 als bester Wert für das Kontrastverhältnis nach WCAG 2 ermittelt.

Beispiele

Beispiel Weiß

152 522 3.62 Weiß

Beispiel Schwarz

103 243 5.81 ✔ AA Schwarz

Beispiel Komplementärfarbe

48 389 1.25 Komplementärfarbe

Kontrastverhältnis

Das Kontrastverhältnis sollte nach WCAG 2 über einem Wert von 7 für Level AAA liegen. Für Level AA reicht ein Kontrastverhältnis grösser 4,5 aus.

Das Kontrastverhältnis nach WCAG 2 beträgt zur Komplementärfarbe 1.25

Das Kontrastverhältnis nach WCAG 2 beträgt zu Schwarz 5.81

Das Kontrastverhältnis nach WCAG 2 beträgt zu Weiß 3.62

Helligkeitswert

Der Helligkeitswert sollte nach BITV und WCAG 1 über 125 liegen.

Der Helligkeitswert der Vordergrundfarbe zu der Komplementärfarbe als Hintergrundfarbe liegt bei 48

Der Helligkeitswert der Vordergrundfarbe zu Schwarz als Hintergrundfarbe liegt bei 103

Der Helligkeitswert der Vordergrundfarbe zu Weiß als Hintergrundfarbe liegt bei 152

Farbdifferenz

Die Farbdifferenz sollte nach WCAG 1 über 500 liegen.

Die Farbdifferenz der Vordergrundfarbe zu der Komplementärfarbe liegt bei 389.

Die Farbdifferenz der Vordergrundfarbe zu Schwarz liegt bei 243.

Die Farbdifferenz der Vordergrundfarbe zu Weiß liegt bei 522.