Cómo presentar fondo de pantalla con color aleatorio.

Hablando de pantalla,... en ocasiones deseamos darle a nuestro blog un toque que lo diferencie de los demás, al menos visualmente.   Si ese es el caso este pequeño script podría servirnos, para hacer que cambie el color de fondo de pantalla.

Aunque es muy cierto que podrías decirte que en Wordpress puedes recurrir al uso de algún plugin.  Basta con que te empeñes en la búsqueda y encontrarás varios para hacer dicho trabajito.

Fondo de pantalla en Blogger u otra plataforma

En el caso de que utilices Blogger u otra plataforma que lo permita, podrías insertarlo dentro de una entrada para que solo cambie cuando se ingrese en dicha entrada.

Además, también podrías probar colocándolo dentro de un gadget, para que en cada entrada siempre cambie el color de fondo de pantalla, sin necesidad de tocar la plantilla.

Por ejemplo en el blog Bienvenido Animador (creado en blogger), podrás ver el efecto de cambio de color de fondo de pantalla. Basta con que actualices la página o ingreses a algún enlace y verás el cambio.  Lo encuentras en: https://bienvenidoanimador.blogspot.com

 

El código es el siguiente:

<script>
var colores = new Array("#ff0000", "#00ff00", "#0000ff", "#000000", "#ffffff");
document.body.style.background = colores[Math.floor(Math.random()*colores.length)];
</script>

Como verás el código es corto y sencillo, solo insértalo, graba, actualiza tu navegador y fíjate como cambia el color de fondo de la pantalla.

Están predeterminados solo cinco tonalidades, pero puedes agregarle otras, siguiendo lógicamente el orden de los caracteres del código de numeración hexadecimal.

Entonces utilizas: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f  en combinaciones de 3 o 6 caracteres, para variar las tonalidades de color.  Para eso sigues el patrón de código RGB refiriendo los colores en orden Rojo, Verde y Azul.

Por ejemplo la combinación #ff0000 define el mismo color (azul) que #f00.  La diferencia está en que cuando utilizas 6 caracteres puedes variar las tonalidades de azul, por ejemplo #ff0000 , #fa0000 , #f20000

Los colores que están predefinidos en el código...
rojo        #ff0000      
verde     #00ff00      
azul       #0000ff      
negro     #000000      
blanco   #ffffff

Pero puedes agregarle combinaciones a tu gusto:
rojo-azul      #ff00ff      
verde-azul   #00ffff      
rojo-verde   #ffff00      

Experimenta otras tonalidades, por ejemplo:
#fc03f4 = [ COLOR ]

#12ff34 = [ COLOR ]

#bababa = [ C OLOR ]

#abcdef = [ COLOR ]

#123abc = [ COLOR ]

Como siempre, espero que el contenido de esta entrada sobre ¿Cómo cambiar el color de fondo de pantalla de manera aleatoria?, sea para tu utilidad.  Espero también tus comentarios.

---