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 238, 16, 175 und als Hexadezimalwert ee10af sowie die entsprechende Komplementärfarbe wird auch berechnet. Die RGB Werte 17, 239, 80 und der Hexadezimalwert 11ef50 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ß

154 336 3.94 Weiß

Beispiel Schwarz

101 429 5.33 ✔ AA Schwarz

Beispiel Komplementärfarbe

54 539 2.53 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 2.53

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

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

Helligkeitswert

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

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

Der Helligkeitswert der Vordergrundfarbe zu Schwarz als Hintergrundfarbe liegt bei 101

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

Farbdifferenz

Die Farbdifferenz sollte nach WCAG 1 über 500 liegen.

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

Die Farbdifferenz der Vordergrundfarbe zu Schwarz liegt bei 429.

Die Farbdifferenz der Vordergrundfarbe zu Weiß liegt bei 336.