WMW

Prueba de Gradiente

Free

Comprueba tu pantalla en busca de banding de color con patrones de gradiente en escala de grises, canal RGB, radial, y rueda de matices, en pantalla completa.

Funciona completamente en tu navegador.

Teclado: teclas de flecha para cambiar el patrón, F para pantalla completa, Esc para salir.

Comentarios (0)

¿Te ha resultado útil esta herramienta? Deja un comentario, comparte un consejo o cuéntanos cómo podemos mejorarla.

Los comentarios de invitados se revisan antes de publicarse. Iniciar sesión para publicar al instante.

Aún no hay comentarios. ¡Sé el primero en compartir tu opinión!

Qué hace esta herramienta

Esta herramienta muestra seis patrones de degradado, directamente en tu navegador, escala de grises, rampas individuales de rojo, verde y azul, un degradado radial, y una rueda de matices completa, para ayudarte a comprobar tu pantalla en busca de banding visible en diferentes direcciones y colores, con un modo de pantalla completa para una mirada más cercana.

Cómo funciona

Los patrones de escala de grises y de un solo canal son degradados lineales CSS que van del negro al blanco, rojo, verde o azul completo, permitiendo que el navegador interpole tantos tonos intermedios como pueda a lo largo de una línea recta. El patrón radial hace la misma interpolación hacia afuera desde el centro en un círculo en lugar de una línea. La rueda de matices se construye como un degradado cónico CSS con 24 paradas de color espaciadas uniformemente, separadas 15 grados, calculadas a partir de la rueda de color HSL a saturación completa, así que el navegador interpola suavemente entre cada par de paradas adyacentes a lo largo de todo un círculo de 360 grados.

Problemas que resuelve

Preguntas frecuentes

¿Qué causa el banding visible en un degradado?

Generalmente significa que no hay suficientes pasos de color distintos disponibles para renderizar una transición realmente suave, ya sea por un panel de menor profundidad de bits, una conexión o ajuste de salida de color de 8 bits, un procesamiento agresivo de la pantalla, o que el contenido original en sí sea de menor calidad de lo que parece.

¿Por qué importa la rueda de matices, no es suficiente una rampa recta?

Una rampa recta solo prueba las transiciones a lo largo de una línea, la rueda de matices en cambio recorre cada matiz de una vez en un círculo completo, lo que puede revelar suavidad inconsistente en colores o ángulos específicos que una simple rampa de negro a blanco nunca tocaría.

¿Por qué probar las rampas roja, verde y azul por separado de la escala de grises?

Una pantalla puede renderizar un canal de color de forma más suave que otro. Probar cada color primario por separado aísla completamente ese canal, así que un problema de banding específico del canal azul, por ejemplo, no quedará oculto por los otros dos canales compensándolo.

¿Qué prueba el degradado radial que los demás no prueban?

Transiciona hacia afuera desde un punto central en todas las direcciones a la vez, probando un patrón circular y expansivo en lugar de una línea recta, lo cual puede comportarse de manera diferente en algunas pantallas o bajo ciertos ajustes de escalado y procesamiento de video.

¿Pueden los ajustes del navegador o la salida de video causar banding incluso en una buena pantalla?

Sí. Un cable o puerto limitado a color de 8 bits, un ajuste de color del sistema operativo, el escalado de la GPU, o incluso la aceleración por hardware del navegador pueden introducir banding que no tiene nada que ver con el panel en sí, y vale la pena descartarlo antes de asumir que la pantalla tiene la culpa.

Herramientas relacionadas