Teste de Gradiente
FreeVerifique sua tela para banding de cor com padrões de gradiente em escala de cinza, canal RGB, radial, e roda de matiz, em tela cheia.
Funciona inteiramente no seu navegador.
Teclado: teclas de seta para trocar o padrão, F para tela cheia, Esc para sair.
O que esta ferramenta faz
Esta ferramenta exibe seis padrões de gradiente, diretamente no seu navegador, escala de cinza, rampas individuais vermelha, verde e azul, um gradiente radial, e uma roda de matizes completa, para ajudar você a verificar sua tela quanto a banding visível em diferentes direções e cores, com um modo tela cheia para uma olhada mais de perto.
Como funciona
Os padrões de escala de cinza e canal único são gradientes lineares CSS indo do preto ao branco, vermelho, verde, ou azul completo, permitindo que o navegador interpole tantos tons intermediários quanto puder ao longo de uma linha reta. O padrão radial faz a mesma interpolação para fora a partir do centro em um círculo em vez de uma linha. A roda de matizes é construída como um gradiente cônico CSS com 24 paradas de cor igualmente espaçadas, 15 graus de distância, calculadas a partir da roda de cores HSL em saturação total, então o navegador interpola suavemente entre cada par de paradas adjacentes em todo um círculo completo de 360 graus.
Problemas que resolve
- Verificar uma tela quanto a banding de cor visível antes de supor que um arquivo de imagem ou vídeo é o problema.
- Isolar se um problema de banding afeta um canal de cor mais do que outros.
- Comparar a suavidade do gradiente entre transições de matiz reta, radial, e circular.
- Obter uma referência visual rápida da suavidade geral de cor de uma tela antes de trabalho sensível à cor.
Perguntas frequentes
›O que causa banding visível em um gradiente?
Geralmente significa que não há passos de cor distintos suficientes disponíveis para renderizar uma transição verdadeiramente suave, seja de um painel de profundidade de bits menor, uma conexão ou configuração de saída de cor de 8 bits, processamento agressivo de exibição, ou o próprio conteúdo de origem sendo de qualidade menor do que parece.
›Por que a roda de matizes importa, uma rampa reta não é suficiente?
Uma rampa reta só testa transições ao longo de uma linha, a roda de matizes em vez disso percorre todas as matizes de uma vez em um círculo completo, o que pode revelar suavidade inconsistente em cores ou ângulos específicos que uma simples rampa preto-para-branco nunca alcançaria.
›Por que testar rampas vermelha, verde e azul separadamente da escala de cinza?
Uma tela pode renderizar um canal de cor de forma mais suave do que outro. Testar cada cor primária isoladamente isola completamente esse canal, então um problema de banding específico do canal azul, por exemplo, não será ocultado pelos outros dois canais compensando por ele.
›O que o gradiente radial testa que os outros não testam?
Ele faz a transição para fora a partir de um ponto central em todas as direções ao mesmo tempo, testando um padrão circular e expansivo em vez de uma linha reta, o que pode se comportar de forma diferente em algumas telas ou sob algumas configurações de escalonamento e processamento de vídeo.
›As configurações do navegador ou saída de vídeo podem causar banding mesmo em uma boa tela?
Sim. Um cabo ou porta limitado a cor de 8 bits, uma configuração de cor do sistema operacional, escalonamento de GPU, ou até mesmo aceleração de hardware do navegador podem introduzir banding que não tem nada a ver com o painel em si, o que vale a pena descartar antes de supor que a tela é a culpada.
Ferramentas relacionadas
Hardware
Teste de Pixels Mortos
Percorra em tela cheia 9 cores sólidas para detectar pixels mortos, brilhantes, ou travados em qualquer monitor, laptop, telefone, ou TV, com um modo de reprodução automática para varredura sem as mãos.
FreeHardware
Teste de Burn-in de Tela
Revele o burn-in de OLED, plasma, ou outra tela com campos sólidos cinza, preto, e branco, além de um modo Flicker Boost que alterna tons de cinza para tornar marcas fracas mais fáceis de detectar.
FreeHardware
Teste de Escala de Cinza
Verifique uma tela para banding, esmagamento de sombras, e corte de realces com um gradiente cinza contínuo real de 0-255, uma leitura de valor interativa, e um conjunto dedicado de amostras quase brancas.
FreeHardware
Teste de Taxa de Atualização
Meça a taxa de atualização real e ao vivo da sua tela diretamente no seu navegador usando o timing do requestAnimationFrame, e detecte um monitor anunciado como 144Hz ou mais que na verdade funciona apenas a 60Hz.
Comentários (0)
Achou esta ferramenta útil? Deixe um comentário, compartilhe uma dica ou nos diga como podemos melhorá-la.
Ainda sem comentários. Seja o primeiro a compartilhar sua opinião!