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 86, 208, 191 und als Hexadezimalwert 56d0bf sowie die entsprechende Komplementärfarbe wird auch berechnet. Die RGB Werte 169, 47, 64 und der Hexadezimalwert a92f40 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ß
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.53
Das Kontrastverhältnis nach WCAG 2 beträgt zu Schwarz 11.17
Das Kontrastverhältnis nach WCAG 2 beträgt zu Weiß 1.88
Helligkeitswert
Der Helligkeitswert sollte nach BITV und WCAG 1 über 125 liegen.
Der Helligkeitswert der Vordergrundfarbe zu der Komplementärfarbe als Hintergrundfarbe liegt bei 84
Der Helligkeitswert der Vordergrundfarbe zu Schwarz als Hintergrundfarbe liegt bei 170
Der Helligkeitswert der Vordergrundfarbe zu Weiß als Hintergrundfarbe liegt bei 85
Farbdifferenz
Die Farbdifferenz sollte nach WCAG 1 über 500 liegen.
Die Farbdifferenz der Vordergrundfarbe zu der Komplementärfarbe liegt bei 371.
Die Farbdifferenz der Vordergrundfarbe zu Schwarz liegt bei 485.
Die Farbdifferenz der Vordergrundfarbe zu Weiß liegt bei 280.