TestMyGears

Teste de gama de cores

O seu monitor mostra mesmo P3? Compare lado a lado amostras sRGB e Display P3. Use a separação relativa entre tons para conferir modos vívidos e o caminho de cor do navegador — não para certificar o volume de gama do painel.

Os browsers limitam a cor a sRGB. As coordenadas P3/Adobe RGB aqui servem para comparação relativa lado a lado — não representam um volume de gamut certificado. Use software de calibração do sistema operativo para cobertura absoluta.

Vermelho — sRGB vs P3 Em pausa · Prima F para ecrã inteiro
Pronto

Amostra de gamut

Gamut desconhecido
Amostra de comparação de gamut

Disposição da comparação

Disposição do par
Fundo

O que observar

Diferença relativa visível

Os pares de amostras sRGB e P3 separam-se no tom ou na saturação — o seu caminho de browser pode estar a transmitir primárias mais largas nesta sessão.

Pares idênticos

O sRGB e o P3 parecem iguais — a causa habitual é o recorte sRGB do browser ou do SO, não prova de que o seu painel não tenha suporte P3.

Executar e alternar

  • ← → Alternar amostras
  • F Ecrã inteiro

Comparador de gama sRGB vs Display P3 grátis

Um teste de gama de cores no navegador com primárias e secundárias sRGB/P3 emparelhadas, faixas de referência e varredura dupla de matiz. Feito para verificações relativas e testes A/B de modos — não ΔE de fábrica, perfis ICC nem cobertura P3 certificada.

Amostras sRGB / P3 emparelhadas

Do vermelho ao magenta, compara hex sRGB ao lado de alvos color(display-p3 …) para ver diferenças relativas de profundidade num relance.

Primárias e varredura larga

Faixas completas de primárias sRGB e P3 mais varredura arco-íris dupla testam a continuidade de matiz quando o layout em pares parece ambíguo.

Distintivo de capacidade

Um chip ao vivo da media-query CSS color-gamut indica se o navegador declara P3 ou Rec. 2020 — pista de capacidade, nunca medição calibrada.

Ciclo em ecrã inteiro

Amostras individuais, layout lado a lado ou empilhado, cor envolvente, etiquetas e ciclo automático percorrem a sequência sem sair do navegador.

O que este teste de gama prova — e não prova

Gama larga é volume de cromaticidade. Navegadores e muitos caminhos do SO ainda mapeiam a saída para sRGB antes do painel — por isso amostras idênticas são comuns mesmo em hardware P3.

Triângulo sRGB

sRGB é o espaço de trabalho web padrão. A maioria das páginas, fotos e assets de UI nasce aqui — por isso amostras sRGB coincidentes são muitas vezes o resultado pretendido.

Coordenadas Display P3

CSS color(display-p3 …) pede primárias mais largas. Se o compositor limita a sRGB, esses pedidos colapsam para o vizinho sRGB mais próximo e os pares parecem idênticos.

Relativo vs absoluto

Uma diferença visível significa que esta sessão renderizou as duas receitas de forma distinta. Não quantifica % de cobertura DCI-P3 nem prova volume Adobe RGB.

Media query color-gamut

O distintivo espelha o que matchMedia('(color-gamut: p3)') reporta. Substituições do SO, flags do navegador e caminhos HDR podem discordar do autocolante da caixa.

Como executar o teste de gama de cores

Mantenha a luz estável, comece por Comparar vermelhos e percorra secundárias e varreduras. Trate pares idênticos como pista do fluxo antes de culpar o painel.

  1. Abra em ecrã inteiro no dispositivo em teste

    Use o monitor ou portátil que interessa. Painéis externos podem seguir um caminho de cor distinto do ecrã do portátil usado na pesquisa.

    Dica Desligue Luz noturna / True Tone ao comparar — tons quentes escondem desvios subtis de P3.

  2. Compare pares de primárias primeiro

    Percorra comparações de vermelho, verde e azul. Note se a metade P3 parece mais profunda ou apenas idêntica. Laranja e ciano exageram diferenças relativas quando há separação. Ver também: calibração de cor do monitor .

    Dica Empilhe o layout se o brilho lado a lado fizer uma metade parecer mais clara por motivos alheios à cor.

  3. Confirme modos e distintivos

    Alterne o ecrã entre presets sRGB e wide-gamut e volte a testar. Compare o distintivo com o que vê — distintivo P3 com amostras idênticas continua a significar limitação do navegador. Ver também: teste de canais RGB .

    Dica Termine com a varredura larga para detetar quebras de matiz após os pares sólidos.

Limites das verificações de gama no navegador

Não é certificado de cobertura

Os fabricantes citam % DCI-P3 ou Adobe RGB de instrumentos de laboratório. Uma página web não mede esses volumes através de saída limitada do navegador.

Honestidade sRGB primeiro

Assuma limitação até aparecer uma diferença relativa. Use ferramentas do SO (DisplayCAL, utilitários do fabricante ou menus de fábrica) quando precisar de prova absoluta.

Quando executar esta comparação de gama

Use quando especificações, modos de imagem ou espaços de entrega discordam — não como único veredicto de garantia.

Monitor wide-gamut novo

  • A ficha anuncia 95 %+ DCI-P3
  • Os pares do navegador parecem idênticos em modo sRGB
  • Mudar para Display P3 / Nativo pode abrir diferença relativa

Recomendado Registe que modo OSD mostra separação e confirme com um calibrador se a cobertura importa para o trabalho.

Entrega foto / design

  • Clientes veem provas no Chrome ou Edge
  • Exporta masters sRGB e Display P3
  • Precisa de ver se o caminho do navegador os colapsa

Recomendado Se os pares coincidem, entregue sRGB para a web e guarde ficheiros wide-gamut para apps desktop com gestão de cor.

Dicas de setup para comparações limpas

Aquecimento e ambiente

Deixe o painel estabilizar alguns minutos e elimine luzes coloridas. Tons do ambiente fingem diferenças de gama.

Desligue sRGB forçado

Alguns painéis de GPU forçam saída sRGB. Desligue antes de julgar pares P3.

Uma mudança de cada vez

Mude o modo OSD ou o navegador — não ambos — para saber que camada abriu ou fechou a diferença.

Continue com canais isolados

Se uma primária parece fraca em vez de limitada, execute os canais RGB a seguir para excluir cabo ou falhas de subpíxel.

FAQ – Teste de gama de cores

Este teste prova que o meu monitor cobre Display P3?

Não. Os navegadores limitam fora de sRGB antes de os píxeis chegarem ao painel. Use a ferramenta para diferenças relativas entre amostras emparelhadas numa sessão. Para volume real de gama, use software de calibração do SO ou um colorímetro.

Porque sRGB e P3 parecem iguais no meu monitor?

O SO, navegador, GPU ou monitor pode estar a forçar caminho sRGB — ou o painel não cobre P3. Verifique o modo de cor, desligue opções sRGB forçado da GPU e volte a testar num navegador com CSS color(display-p3).

O que significa o distintivo de gama?

Reporta a media query CSS color-gamut (sRGB, Display P3 ou Rec. 2020). É uma pista de capacidade do navegador, não uma medição calibrada da cobertura do painel.

Designers web devem preferir assets P3?

A entrega web ainda assume sRGB. Prefira masters P3 só quando o fluxo tem gestão de cor de ponta a ponta; senão exporte sRGB para a web aberta e guarde wide-gamut para apps controladas.

Rec. 2020 é o mesmo que Display P3?

Não. Rec. 2020 é uma gama UHDTV maior. O distintivo pode indicar Rec. 2020 em alguns caminhos HDR, mas as amostras desta ferramenta miram coordenadas sRGB vs Display P3 para comparação relativa.