Farbgestaltung des Theme Bing DailyPicture Pro+
Die Farbgestaltung des Theme wechselt täglich. Es werden aus dem täglich wechselndem Hintergrundbild die enthaltenen Farbwerte der Bildpunkte gelesen. Der Basis Farbwert ist nicht immer der am meisten vorkommende Farbwert. Dieser wird aus dem Mittelpunkt des Bildes ermittelt. 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.
Luftaufnahme von Surfern, Santa Catarina, Brasilien (© Wonderful Nature/Shutterstock)
Die Hintergrundbilder sind von Bing.com. . Es können auch eigene Bilder verwendet werden.
Themes Css Farben
Css Basis Farbwert hsl(210,100%,40%)
Die Hintergrundbilder sind von Bing.com. Zwischen den Wellen lesen
w3-text-theme
-
+
hsl(210,100%,96%) w3-theme-l5 (w3-theme-light)
-
hsl(210,100%,88%) w3-theme-l4
-
hsl(210,100%,76%) w3-theme-l3
-
hsl(210,100%,64%) w3-theme-l2
-
hsl(210,100%,52%) w3-theme-l1
-
hsl(210,100%,40%) * w3-theme
-
hsl(210,100%,36%) w3-theme-d1
-
hsl(210,100%,32%) w3-theme-d2
-
hsl(210,100%,28%) w3-theme-d3
-
hsl(210,100%,24%) w3-theme-d4
-
hsl(210,100%,20%) w3-theme-d5 (w3-theme-dark)
Urheberecht der verwendeten Bilder sind unter den Bilder und in der Bildinfo angegeben.
Farbpalette
7421x hsl(195,100%,40%)
4159x hsl(210,100%,40%)
3946x hsl(240,50%,40%)
3418x hsl(180,50%,60%)
1533x hsl(243,12%,29%)
70x hsl(218,39%,76%)
42x hsl(90,100%,20%)
34x hsl(0,0%,80%)
8x hsl(0,0%,60%)
4x hsl(30,50%,40%)
4x hsl(43,53%,80%)
3x hsl(30,100%,20%)
2x hsl(60,60%,50%)
2x hsl(20,60%,50%)
1x hsl(93,60%,50%)
1x hsl(60,100%,30%)
1x hsl(60,100%,20%)
1x hsl(0,100%,20%)
1x hsl(36,100%,50%)
1x hsl(60,100%,50%)
1x hsl(80,100%,30%)
28.08.2026