Farbgestaltung des Theme Bing DailyPicture Pro+
Die Farbgestaltung des Theme wechselt täglich. Es werden aus dem täglich wechselndem Hintergrundbild / Banner die enthaltenen Farbwerte der Bildpunkte gelesen. Der Basis Farbwert ist nicht der am meisten vorkommende Farbwert. Dieser wird aus dem oberen linken Berich des Bildes ermittelt und ist nicht immer in der Farbpalette enthalten. Ist dieser Farbwert Weiß oder Schwarz, wird ein Farbwert aus der Farbpalette als Basis Farbwert genommen. Dieser Farbwert wird geprüft ob dieser vom menschlichen Auge angenehm wahrnehmbar ist. Entspricht es nicht, wird dieser auf dem nächsten wahrnehmbaren Farbwert geändert. Aus diesem Farbwert wird dann eine Css vom hellsten bis zum dunklen Farbwert generiert. Dies erfolgt mit einem Cronjob gegen Mitternacht, wenn ein neues Bild von Bing gesendet wird.
Schon Neugirig wie morgen diese Webseite aussieht?
Dann schau vorbei, kostet nichts.
Die Adventszeit beginnt (© Muenz/Getty Images)
Die Hintergrundbilder sind von Bing.com . Es können auch eigene Bilder verwendet werden.
Theme Css
Css Basis Farbwert * hsl(0,0%,60%)
Tagesbild: Advent, Advent, ein Lichtlein brennt...
w3-text-theme
-
+
hsl(0,0%,98%) w3-theme-l5 (w3-theme-light)
-
hsl(0,0%,92%) w3-theme-l4
-
hsl(0,0%,84%) w3-theme-l3
-
hsl(0,0%,76%) w3-theme-l2
-
hsl(0,0%,68%) w3-theme-l1
-
hsl(0,0%,60%) * w3-theme
-
hsl(0,0%,54%) w3-theme-d1
-
hsl(0,0%,48%) w3-theme-d2
-
hsl(0,0%,42%) w3-theme-d3
-
hsl(0,0%,36%) w3-theme-d4
-
hsl(0,0%,30%) w3-theme-d5 (w3-theme-dark)
Urheberecht der verwendeten Bilder sind unter dem Bild und in der Bildinfo angegeben.
Farbpalette
Es werden maximal 30 Farbwerte angezeigt. 1. Zahl ist die Anzahl des Farbwert im Bild, der 2. ist der Farbwert nach Farbraum HSL.6048x hsl(0,0%,80%)
4412x hsl(0,0%,60%)
3689x hsl(30,50%,40%)
2128x hsl(30,100%,20%)
1476x hsl(43,53%,80%)
673x hsl(20,60%,50%)
244x hsl(60,100%,20%)
215x hsl(243,12%,29%)
85x hsl(90,100%,20%)
71x hsl(36,100%,50%)
67x hsl(45,100%,60%)
42x hsl(0,100%,20%)
9x hsl(60,100%,30%)
5x hsl(54,99%,48%)
3x hsl(0,100%,30%)
1x hsl(341,95%,84%)