Test de gama de color
¿Cubre tu monitor el DCI-P3? Compara parches sRGB y DCI-P3 (Display P3) lado a lado y usa la separación relativa para verificar modos vívidos y rutas de color del navegador — no certifica el % de cobertura del panel.
Browsers clip color to sRGB. P3/Adobe RGB coordinates here are for relative side-by-side comparison — not certified gamut volume. Use OS calibration software for absolute coverage.
Gamut patch
Gamut unknownCompare layout
Pair layout
Surround
What to look for
Relative gap visible
Paired sRGB and P3 swatches separate in hue or saturation — your browser path may be passing wider primaries for this session.
Identical pairs
sRGB and P3 look the same — usual cause is browser/OS sRGB clipping, not proof your panel lacks P3 hardware.
Run & cycle
- ← → Cycle patches
- F Fullscreen
Comparador gratuito de gama sRGB frente a Display P3
Un test de gama de color en el navegador con primarios y secundarios sRGB/P3 emparejados, tiras de primarios de referencia y doble barrido de tono. Hecho para revisiones de separación relativa y tests A/B de modos — no ΔE de fábrica, perfiles ICC ni cobertura P3 certificada.
Parches sRGB / P3 emparejados
Primarios y barrido amplio
Insignia de capacidad
Ciclo a pantalla completa
Qué puede y no puede probar este test de gama
La gama amplia trata del volumen de cromaticidad. Los navegadores y muchas rutas del SO aún mapean la salida a sRGB antes del panel — por eso las muestras idénticas son comunes incluso en hardware P3.
Triángulo sRGB
Coordenadas Display P3
Relativo frente a absoluto
Media query color-gamut
Cómo ejecutar el test de gama de color
Mantén estable la luz de la habitación, empieza con la comparación de rojo y recorre secundarios y barridos. Trata los pares idénticos como pista del flujo antes de culpar al panel.
-
Abre a pantalla completa en el equipo a prueba
Usa el monitor o portátil que te importa. Los paneles externos pueden estar en una ruta de color distinta que la tapa del portátil usada para comparar precios.
Consejo Desactiva Night Light / True Tone al comparar — los tintes cálidos ocultan cambios sutiles P3.
-
Compara primero los pares de primarios
Recorre comparaciones de rojo, verde y azul. Anota si la mitad P3 se ve más profunda o meramente idéntica. El naranja y el cian suelen exagerar brechas relativas cuando existe alguna separación. Ver también: calibración de color del monitor .
Consejo Apila el diseño si el reflejo lado a lado hace que una mitad parezca más brillante por razones no cromáticas.
-
Cruza modos e insignias
Alterna la pantalla entre presets sRGB y de gama amplia y repite. Compara la insignia de capacidad con lo que ves — insignia P3 con parches idénticos sigue indicando recorte del navegador. Ver también: test de canales RGB .
Consejo Termina con el barrido amplio para detectar quiebres de tono tras los pares sólidos.
Límites: por qué el navegador no mide el % de cobertura
No es un certificado de cobertura
Honestidad sRGB primero
Cuándo ejecutar esta comparación de gama
Úsala cuando las promesas de marketing, los modos de imagen o los espacios de entrega discrepen — no como único veredicto de RMA.
Monitor nuevo de gama amplia
- La caja anuncia 95%+ DCI-P3
- Los pares del navegador se ven idénticos en modo sRGB
- Cambiar a Display P3 / Nativo puede abrir una brecha relativa
Recommended Documenta qué modo OSD muestra separación y verifica con un calibrador si la cobertura importa para tu trabajo.
Entrega foto / diseño
- Los clientes ven pruebas en Chrome o Edge
- Exportas másteres sRGB y Display P3
- Necesitas ver si la ruta del navegador los colapsa
Recommended Si los pares coinciden, entrega sRGB para web y reserva archivos de gama amplia para apps de escritorio con gestión de color.
Consejos para comparaciones más limpias
Calentamiento y ambiente
Desactiva sRGB forzado
Un cambio cada vez
Sigue con aislamiento de canales
Preguntas frecuentes – Test de gama de color
¿Puede este test probar que mi monitor cubre Display P3?
No: ningún test de navegador mide el % de cobertura DCI-P3 — los navegadores suelen recortar fuera de sRGB antes de que los píxeles lleguen al panel. Usa esta herramienta para diferencias relativas entre muestras emparejadas; para la cobertura real, usa un colorímetro con software de calibración a nivel de SO.
¿Por qué sRGB y P3 se ven igual en mi monitor?
El SO, el navegador, la GPU o el monitor pueden forzar una ruta sRGB — o el panel quizá no cubre DCI-P3. Revisa el modo de color de la pantalla, desactiva opciones de GPU de sRGB forzado y repite en un navegador compatible con CSS color(display-p3).
¿Qué significa la insignia de gama?
Informa la media query CSS color-gamut (sRGB, Display P3 o Rec. 2020). Es una pista de capacidad del navegador, no una medición calibrada de cobertura del panel.
¿Deben los diseñadores web preferir recursos P3?
La mayor entrega web aún asume sRGB. Prefiere másteres P3 solo cuando tu flujo tiene gestión de color de punta a punta; si no, exporta sRGB para la web abierta y reserva gama amplia para apps controladas.
¿Rec. 2020 es lo mismo que Display P3?
No. Rec. 2020 es una gama mayor de UHDTV. La insignia puede informar Rec. 2020 en algunas rutas HDR, pero los parches de esta herramienta apuntan a coordenadas sRGB frente a Display P3 para comparación relativa.
