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 207, 14, 90 und als Hexadezimalwert cf0e5a sowie die entsprechende Komplementärfarbe wird auch berechnet. Die RGB Werte 48, 241, 165 und der Hexadezimalwert 30f1a5 gelten für die Komplementärfarbe. Für die Hintergrundfarbe wurde als Farbe der Hexadezimalwert ffffff als bester Wert für das Kontrastverhältnis nach WCAG 2 ermittelt.
Beispiele
Beispiel Weiß
Beispiel Schwarz
Beispiel 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 3.69
Das Kontrastverhältnis nach WCAG 2 beträgt zu Schwarz 3.86
Das Kontrastverhältnis nach WCAG 2 beträgt zu Weiß 5.44
Helligkeitswert
Der Helligkeitswert sollte nach BITV und WCAG 1 über 125 liegen.
Der Helligkeitswert der Vordergrundfarbe zu der Komplementärfarbe als Hintergrundfarbe liegt bei 94
Der Helligkeitswert der Vordergrundfarbe zu Schwarz als Hintergrundfarbe liegt bei 80
Der Helligkeitswert der Vordergrundfarbe zu Weiß als Hintergrundfarbe liegt bei 175
Farbdifferenz
Die Farbdifferenz sollte nach WCAG 1 über 500 liegen.
Die Farbdifferenz der Vordergrundfarbe zu der Komplementärfarbe liegt bei 461.
Die Farbdifferenz der Vordergrundfarbe zu Schwarz liegt bei 311.
Die Farbdifferenz der Vordergrundfarbe zu Weiß liegt bei 454.