Atributo Window screen.colorDepth

Definição e uso

colorDepth O atributo retorna a profundidade de cores da tela.

colorDepth O atributo retorna a profundidade de bits por píxel.

colorDepth O atributo é somente leitura.

Exemplo

Exemplo 1

Obter profundidade da paleta de cores:

let depth = screen.colorDepth;

Experimente você mesmo

Exemplo 2

Exibir cor de fundo alternativa para telas de 8 bits (para evitar cores modernas não suportadas por telas de 8 bits com cores alternativas desagradáveis):

if (screen.colorDepth <= 8)
  //Cor de fundo azul simples para telas de 8 bits
  document.body.style.background = "#0000FF"
else
  //Cor de fundo brilhante azul para telas modernas
  document.body.style.background = "#87CEFA"

Experimente você mesmo

Exemplo 3

Todos os atributos de tela

let text = "Total largura/altura: " + screen.width + "*" + screen.height + "<br>"
"Largura/Altura disponível: " + screen.availWidth + "*" + screen.availHeight + "<br>"
"Profundidade de cor: " + screen.colorDepth + "<br>"
"Resolução de cor: " + screen.pixelDepth;

Experimente você mesmo

Sintaxe

screen.colorDepth

Retorno

Tipo Descrição
Número

Profundidade da paleta de cores da tela (em bits por píxel):

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

Suporte do navegador

Todos os navegadores suportam screen.colorDepth:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte Suporte

Páginas relacionadas

Atributo screen.availHeight

Atributo screen.availWidth

Propriedade screen.height

Propriedade screen.width