Atributo colorDepth de Window screen

Definición y uso

colorDepth El atributo devuelve la profundidad de color de la pantalla.

colorDepth El atributo devuelve la profundidad de bits por píxel.

colorDepth El atributo es de solo lectura.

Ejemplo

Ejemplo 1

Obtener la profundidad de bits del paleta de colores:

let depth = screen.colorDepth;

Prueba personalmente

Ejemplo 2

Mostrar color de fondo alternativo para pantallas de 8 bits (para evitar colores de reemplazo desagradables en pantallas de 8 bits que no soportan colores modernos):

if (screen.colorDepth <= 8)
  //Color de fondo azul simple para pantallas de 8 bits
  document.body.style.background = "#0000FF"
else
  //Color de fondo azul brillante para pantallas modernas
  document.body.style.background = "#87CEFA"

Prueba personalmente

Ejemplo 3

Todos los atributos de la pantalla

let text = "Ancho/altura total: " + screen.width + "*" + screen.height + "<br>"
"Ancho/altura disponible: " + screen.availWidth + "*" + screen.availHeight + "<br>"
"Profundidad de color: " + screen.colorDepth + "<br>"
"Resolución de color: " + screen.pixelDepth;

Prueba personalmente

Sintaxis

screen.colorDepth

Valor devuelto

Tipo Descripción
Número

Profundidad del paleta de colores de la pantalla (en bits por píxel):

1, 4, 8, 15, 16, 24, 32 o 48.

Soporte del navegador

Todos los navegadores lo soportan screen.colorDepth:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Atributo screen.availHeight

Atributo screen.availWidth

Propiedad screen.height

Propiedad screen.width