Parches P3 más vívidos → Gama amplia soportada
Ambos lados iguales → Solo sRGB
Herramienta Profesional de Detección de Gamut de Color
Evalúa visualmente el soporte de gamut amplio de tu pantalla mediante parches supersaturados P3, colores límite sRGB y pruebas de transición de gradiente.
Detección de Gamut P3
Muestra parches saturados DCI-P3 que exceden el rango sRGB. Si tu pantalla soporta gamut amplio, verás diferencias claras entre los parches P3 y las referencias sRGB. Si no, se ven casi idénticos.
Prueba de Límite de Gradiente
Muestra gradientes suaves en el límite entre el gamut sRGB y P3. Las pantallas de gamut amplio revelan más tonos intermedios; las pantallas sRGB estándar muestran recorte de color más allá de cierto punto.
Prueba de Canales RGB
Prueba la cobertura de gamut de forma independiente para los canales rojo, verde y azul. P3 se extiende más en rojo y verde, menos en azul — explicando por qué las pantallas P3 muestran los rojos y verdes más vívidos.
¿Qué Es el Gamut de Color?
Comprendiendo los estándares de gamut y su impacto en la calidad de pantalla.
sRGB
El estándar de gamut más universal, cubriendo aproximadamente el 35% de los colores visibles por humanos. Casi todo el contenido web, video y sistemas operativos se basan en sRGB. La cobertura del 99% sRGB es el umbral mínimo para cualquier pantalla — quedar corto significa imprecisión de color.
DCI-P3
Aproximadamente 25% más grande que sRGB, definido por la industria cinematográfica. Todo el ecosistema de Apple (iPhone, MacBook, Pro Display XDR) usa P3. El contenido HDR típicamente se codifica en P3, convirtiéndolo en el estándar principal para pantallas de gama alta.
Adobe RGB
Un estándar de gamut diseñado para impresión profesional y fotografía, con expansión significativa en la región cian-verde versus sRGB. Los fotógrafos usan Adobe RGB para cubrir la mayoría de los colores de impresión CMYK, asegurando "lo que ves es lo que imprimes".
Cómo Usar la Prueba de Gamut
Tres pasos para determinar la capacidad de gamut de tu pantalla.
Observar Diferencias de Parches
Cada grupo de prueba incluye parches saturados P3 y referencias sRGB. Si los dos son claramente diferentes (P3 es más vívido), tu pantalla soporta gamut amplio. Si se ven iguales, tu pantalla recorta los colores P3 a sRGB.
Verificar Transiciones de Gradiente
En las barras de gradiente, observa si las transiciones de color son suaves. Las pantallas de gamut amplio muestran tonos intermedios más ricos. Si el gradiente de repente "se corta" o se convierte en un solo color, ese es el límite de gamut de tu pantalla.
Comparar Tres Canales
Verifica el rango de extensión para rojo, verde y azul individualmente. La mayoría de pantallas de gamut amplio muestran la mayor expansión en el canal rojo (el rojo P3 es mucho más vívido que el rojo sRGB), seguido del verde, con el azul siendo el menor.
Explicación de Estándares de Gamut
sRGB (1996)
Gamut estándar co-desarrollado por HP y Microsoft, definiendo "colores estándar" de la era CRT. Sigue siendo el espacio de color predeterminado para web, Windows y Android. Cada pantalla debería cubrir al menos 100% sRGB.
DCI-P3 (2005)
Gamut de proyección de Digital Cinema Initiatives. Gran expansión sobre sRGB en rojo y verde. Soportado por todos los dispositivos Apple desde iPhone 8, modelos insignia Samsung recientes y pantallas profesionales. Cubre ~45% del color visible humano.
Adobe RGB (1998)
Creado por Adobe para cubrir el gamut de impresión CMYK. Más grande que sRGB y P3 en la región cian-verde. Los monitores profesionales de fotografía (ej., serie EIZO CG) típicamente especifican 99% de cobertura Adobe RGB.
Rec. 2020 (2012)
Estándar ITU para televisión Ultra HD — uno de los gamuts definidos más grandes, cubriendo ~75% del color visible. Actualmente casi ninguna pantalla puede cubrir completamente Rec. 2020; sirve más como objetivo a alcanzar.
Rendimiento de Gamut por Tipo de Panel
Comprendiendo las capacidades de color de diferentes tecnologías de panel.
IPS (Nano IPS / IPS Black)
Capacidad de Gamut:
• Nano IPS (LG): 98% DCI-P3, color de grado profesional.
• IPS Black: contraste mejorado manteniendo gamut nivel P3.
• Ventaja: ángulos de visión consistentes, alta uniformidad de color.
Panel VA
Capacidad de Gamut:
• VA estándar: típicamente 100% sRGB, 85-90% cobertura P3.
• Ventaja: alto contraste nativo (3000:1+), excelente en escenas oscuras.
• Nota: puede exhibir cambio de color; los colores se desvanecen en ángulos de visión amplios.
OLED / QD-OLED
Capacidad de Gamut:
• QD-OLED (Samsung): 99.3% DCI-P3, cerca de grado broadcast.
• Control de luz a nivel de píxel con pureza de color extremadamente alta.
• Actualmente la tecnología de pantalla de consumo con gamut más amplio.
Retroiluminación Mini LED
Capacidad de Gamut:
• Control de retroiluminación por zonas ofrece excelente rendimiento de color HDR.
• 15-20% de mejora de gamut sobre retroiluminación LED tradicional.
• Ejemplos: Apple Pro Display XDR, ASUS PA32UCR.
Consejos Prácticos de Gestión de Color
Cargar Perfil ICC
Usa un colorímetro (ej., i1 Display Pro) para generar un perfil ICC. Una vez cargado por el SO, coincide precisamente con el gamut real de tu pantalla, previniendo sobresaturación o sesgo de color.
Seleccionar Modo Correcto
Las pantallas de gamut amplio deberían tener la gestión de color activada. macOS lo maneja automáticamente; Windows requiere activar ICC en la configuración de pantalla o usar "modo sRGB" para fijar el gamut.
Coincidir Gamut del Contenido
Usa modo sRGB para navegación web y trabajo de oficina. Adobe RGB para edición fotográfica. P3 para edición de video y contenido HDR. La discordancia causa sobresaturación.
Gestión de Color del Navegador
Chrome y Firefox soportan la función CSS color() y colores P3. Safari tiene la gestión de color más completa. Usa color(display-p3 ...) para especificar colores P3 en páginas web.
Preguntas Frecuentes
Q.100% sRGB vs 100% P3 — ¿cuál es mejor?
No es una comparación simple. sRGB es la base — 100% de cobertura es lo mínimo. P3 es más amplio — 100% P3 significa que son posibles colores más vívidos. Pero sin gestión de color, el gamut amplio realmente causa que el contenido cotidiano se vea sobresaturado.
Q.¿Por qué los colores en mi pantalla de gamut amplio son demasiado vívidos?
Porque la gestión de color de Windows no es tan robusta como la de macOS. La mayoría de las apps no leen perfiles ICC y mapean directamente el contenido sRGB al panel de gamut amplio, causando sobresaturación. Solución: usa el "modo sRGB" en el OSD de tu monitor.
Q.¿Cómo uso colores P3 en CSS?
Usa la función color(display-p3 r g b) con valores 0-1. Por ejemplo, color(display-p3 1 0 0) es rojo puro P3. Combina con consultas @supports y @media (color-gamut: p3) para degradación elegante.
Q.¿Qué gamut tienen típicamente las pantallas de teléfono?
Todos los iPhones desde iPhone 8 soportan P3. Los insignia de Samsung (S21+) soportan 120% DCI-P3. Los teléfonos Android de gama media típicamente solo soportan sRGB o ligeramente menos. Entre tablets, el iPad Pro soporta completamente P3.
Q.¿Qué son los Puntos Cuánticos? ¿Cómo se relacionan con el gamut?
Los Puntos Cuánticos son partículas semiconductoras a nanoescala que convierten longitudes de onda de luz específicas con precisión. Usados en módulos de retroiluminación, producen espectros RGB más puros, expandiendo la cobertura de gamut. Samsung QLED y QD-OLED ambos usan tecnología de puntos cuánticos.
Q.¿Los paneles de 8-bit y 10-bit tienen el mismo gamut?
Gamut y profundidad de bits son conceptos independientes. Un panel de 8-bit puede tener 100% gamut P3 pero solo mostrar 16.7M colores; un panel de 10-bit muestra 1.07 mil millones de colores con gradientes más suaves. Ambos afectan el rendimiento de color pero de maneras diferentes.
Consejos de Compra de Gamut
- • Oficina Diaria: 100% sRGB es suficiente. El gamut amplio puede causar que los colores web y de documentos se vean sobresaturados.
- • Fotografía: Prioriza pantallas profesionales con 99%+ de cobertura Adobe RGB, combinadas con un colorímetro.
- • Edición de Video: Elige 95%+ DCI-P3 con soporte HDR para previsualización precisa de contenido HDR.
- • Desarrollo Web: Usa consultas @media (color-gamut: p3) para proporcionar colores de marca más vívidos a dispositivos de gamut amplio.