¿Cómo cambiar el color de la barra de título y la barra de direcciones de Chrome?

Colorear la barra de estado y direcciones de Chrome en tu sitio web es muy fácil.

theme-color-ss

En Android Lollipop (versión 5 en adelante) a partir de la version 39 de Google Chrome es posible personalizar el color de la barra de estado y direcciones en nuestra página web utilizando una etiqueta meta.

La inclusión de la etiqueta meta le permite personalizar la experiencia del usuario más allá del navegador en dispositivos con Android 5.0 Lollipop. Para ello, sólo tiene que incluir la etiqueta theme-color en el encabezado de su HTML.

   <meta name="theme-color" content="#53A6DC">

La etiqueta meta, como es normal, debe ser colocada dentro de la cabecera de la página, es decir dentro del <head></head>.

<html>
  <head>
    <meta name="theme-color" content="#53A6DC">
  </head>
  <body>
  
  </body>
</html>

Para personalizar el color, basta con cambiar el valor “#53A6DC” por algún otro color en hexadecimal, aquellos que hayan manejado CSS alguna vez, lo conocerán bastante bien, aquellos que no estén familiarizados, siempre pueden usar la lista colores recomendados por Google.