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 95, 70, 198 und als Hexadezimalwert 5f46c6 sowie die entsprechende Komplementärfarbe wird auch berechnet. Die RGB Werte 160, 185, 57 und der Hexadezimalwert a0b939 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 2.99
Das Kontrastverhältnis nach WCAG 2 beträgt zu Schwarz 3.18
Das Kontrastverhältnis nach WCAG 2 beträgt zu Weiß 6.61
Helligkeitswert
Der Helligkeitswert sollte nach BITV und WCAG 1 über 125 liegen.
Der Helligkeitswert der Vordergrundfarbe zu der Komplementärfarbe als Hintergrundfarbe liegt bei 71
Der Helligkeitswert der Vordergrundfarbe zu Schwarz als Hintergrundfarbe liegt bei 92
Der Helligkeitswert der Vordergrundfarbe zu Weiß als Hintergrundfarbe liegt bei 163
Farbdifferenz
Die Farbdifferenz sollte nach WCAG 1 über 500 liegen.
Die Farbdifferenz der Vordergrundfarbe zu der Komplementärfarbe liegt bei 321.
Die Farbdifferenz der Vordergrundfarbe zu Schwarz liegt bei 363.
Die Farbdifferenz der Vordergrundfarbe zu Weiß liegt bei 402.