Teste de ampla gama de cores

Este teste verifica os recursos de cores informados pelo navegador e mostra uma comparação entre sRGB e Display P3.

Verificando os recursos de cores…

Verificações técnicas

  • Saída de ampla gama da tela (color-gamut: p3)Não foi possível verificar
  • Cores CSS Display P3Não foi possível verificar
  • Espaço de cores Display P3 do Canvas 2DNão foi possível verificar
  • Saída Rec. 2020 da telaNão foi possível verificar
  • Cores CSS Rec. 2020Não foi possível verificar

Comparação visual entre sRGB e Display P3

Em uma tela de ampla gama configurada corretamente, a cor de maior gama em cada coluna deve parecer mais saturada do que a cor correspondente acima.

sRGB

Display P3

Comparação das gamas de cores no diagrama CIE 1931 xy

Quanto maior o triângulo, mais ampla é a gama de cores.Os eixos x e y são coordenadas de cromaticidade CIE 1931 que descrevem matiz e saturação independentemente do brilho.

O que é uma ampla gama de cores?

A gama de cores é o intervalo de cores que uma tela e seu software conseguem reproduzir. A maior parte do conteúdo da Web usa sRGB. O Display P3 cobre uma parte maior do espectro visível, especialmente vermelhos e verdes saturados, e é comum em celulares, tablets, notebooks e monitores modernos.

Como funciona o teste?

O resultado automático combina dois sinais do navegador. A verificação CSS confirma que a sintaxe de cores Display P3 é reconhecida. A media query color-gamut informa se a saída atual da tela consegue mostrar aproximadamente a gama P3. Canvas e Rec. 2020 são listados separadamente como diagnósticos adicionais.

Como interpretar a comparação

Se a saída de ampla gama estiver disponível e o gerenciamento de cores estiver configurado corretamente, as amostras da linha Display P3 e, quando exibida, da linha Rec. 2020 devem parecer mais vivas do que as amostras correspondentes acima. Se as linhas parecerem iguais, as cores podem ter sido limitadas a uma gama menor em algum ponto entre o navegador, o sistema operacional, o driver gráfico e a tela.

Precisão e limitações

Esta página não consegue medir o painel da tela nem ler diretamente seu perfil ICC. Uma medição definitiva da gama exige um colorímetro. Use este teste para verificar a saída do navegador e identificar diferenças visíveis entre cores da Web padrão e de ampla gama.