Prueba de Gama de Color P3

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

Qué hace esta herramienta

Esta herramienta compara sRGB con Display P3 a través de 12 matices espaciados uniformemente alrededor de la rueda de colores, directamente en tu navegador, para que puedas ver exactamente qué colores muestra realmente tu pantalla más amplios que el sRGB estándar, y en qué medida, en lugar de una simple comprobación de aprobado/reprobado.

Cómo funciona

Se generan doce matices separados 30 grados alrededor de la rueda de color HSL, cada uno con saturación completa y 50% de luminosidad, dando la versión sRGB más vívida de ese matiz. Los mismos tres valores numéricos RGB se renderizan luego una segunda vez usando la función CSS color(display-p3 ...) en lugar de rgb() simple, así que el color se interpreta contra los primarios más amplios de Display P3 en lugar de los de sRGB. Como los primarios rojo y verde de P3 están más alejados que los de sRGB, mientras que su primario azul es casi el mismo, reutilizar números idénticos en los dos espacios de color produce un resultado notablemente más saturado para matices cálidos y un resultado casi idéntico para azules, visualizando directamente la forma real de la diferencia de gama P3 frente a sRGB en lugar de describirla de forma abstracta.

Problemas que resuelve

• Ver exactamente qué matices se benefician más de una pantalla de gama amplia, no solo si P3 es compatible en absoluto.
• Confirmar que el renderizado Display P3 está realmente activo en tu combinación actual de navegador y pantalla.
• Entender por qué algunos colores se ven dramáticamente más vívidos en una pantalla P3 mientras que otros se ven casi iguales.
• Obtener una referencia visual rápida de cuán grande es realmente la ventaja de P3 antes de invertir en hardware de gama amplia.

Preguntas frecuentes