TestMyGears

Test de gamut couleur

Placez pastilles sRGB et Display P3 côte à côte. Les écarts relatifs entre échantillons aident à vérifier modes Vivid et chemins couleur du navigateur — ils ne certifient pas le volume de gamut du panneau.

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.

Red — sRGB vs P3 En pause · Appuyez sur F pour le plein écran
Prêt

Gamut patch

Gamut unknown
Gamut comparison patch

Compare 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

Comparaison gratuite sRGB vs Display P3

Pastilles de référence sRGB vs Display P3 — pour juger grossièrement le comportement large gamut sans spectrophotomètre.

Patches sRGB/P3 appariés

Rouge à magenta compare hex sRGB à côté de cibles color(display-p3 …) pour différences profondeur relatives d'un coup d'œil.

Primaires & sweep wide

Bandes primaires sRGB et P3 complètes plus double rainbow sweep stressent continuité teinte.

Badge capacité

Puce live media query CSS color-gamut — indication capacité, pas mesure calibrée.

Cycle plein écran

Patches single-select, côte à côte ou stack, Surround Color, labels et auto-cycle sans quitter le navigateur.

Ce que ce test de gamut peut (et ne peut pas) faire

Le large gamut concerne le volume chromatique. Navigateurs et OS mappent encore souvent la sortie en sRGB — des pastilles identiques sont courantes même sur du matériel P3.

Triangle sRGB

sRGB est l'espace de travail web par défaut. La plupart pages, photos et assets UI sont ici — patches sRGB correspondants sont souvent voulus.

Coordonnées Display P3

CSS color(display-p3 …) demande primaires plus larges. Si le compositor clippe en sRGB, les requêtes s'effondrent au voisin sRGB le plus proche.

Relatif vs absolu

Écart visible = cette session rend deux recettes différemment. Ne quantifie pas % DCI-P3 ou volume Adobe RGB.

Media query color-gamut

Badge reflète matchMedia('(color-gamut: p3)'). Overrides OS, flags navigateur et chemins HDR peuvent différer de l'étiquette boîte.

Comment lancer le test de gamut couleur

Gardez la lumière ambiante stable, commencez par la comparaison rouge, puis secondaires et balayages. Traitez des paires identiques comme un indice de pipeline avant d'accuser le panneau.

  1. Plein écran sur appareil testé

    Moniteur ou laptop qui compte. Panneaux externes peuvent avoir chemin couleur différent du lid notebook.

    Astuce Night Light/True Tone off — teintes chaudes cachent shifts P3 subtils.

  2. Paires primaires d'abord

    Parcourez compares rouge, vert, bleu. Moitié P3 plus profonde ou identique ? Orange et cyan accentuent écarts. Voir aussi : Calibration couleur moniteur .

    Astuce Layout stack si glare côte à côte.

  3. Cross-check modes et badges

    Basculez affichage entre presets sRGB et wide gamut et retestez. Badge P3 avec patches identiques = clipping navigateur. Voir aussi : Test canaux RGB .

    Astuce Terminez avec Wide Sweep.

Limites des contrôles de gamut navigateur

Pas certificat coverage

Fabricants quotent % DCI-P3 ou Adobe RGB avec appareils labo. Pages web ne peuvent pas mesurer ces volumes via sortie navigateur clippée.

Honnêteté sRGB d'abord

Assumez clipping jusqu'à apparition écart relatif. Outils OS (DisplayCAL, utilitaires fabricant) pour preuve absolue.

Quand lancer cette comparaison de gamut

Use it when marketing claims, picture modes, or delivery color spaces disagree — not as a RMA-only verdict.

Nouveau moniteur wide gamut

  • Claim déballage liste 95 %+ DCI-P3
  • Paires navigateur identiques en sRGB
  • Passage Display P3/Native peut ouvrir écart

Recommended Documentez mode OSD avec séparation, puis vérifiez colorimètre si coverage compte pour le travail.

Livraison photo/design

  • Clients voient soft proofs Chrome/Edge
  • Exportez masters sRGB et Display P3
  • Vérifiez si chemin navigateur les effondre

Recommended Si match, livrez sRGB pour web, fichiers wide gamut pour apps desktop color-managed.

Conseils de configuration pour des comparaisons plus nettes

Échauffement & ambiante

Laissez la dalle se stabiliser quelques minutes, coupez bias light coloré. Teintes ambiantes simulent fausses différences gamut.

Désactiver sRGB forcé

Certains panneaux GPU forcent sortie sRGB. Désactivez avant jugement paires P3.

Un changement à la fois

Changez mode OSD ou navigateur — pas les deux — pour savoir quelle couche a ouvert/fermé l'écart.

Poursuivre avec isolation canaux

Si primary paraît faible plutôt que clippée, canaux RGB ensuite pour câble/subpixel.

FAQ – Test de gamut couleur

Ce test peut-il prouver que mon moniteur couvre Display P3 ?

Non. Les navigateurs clippent souvent hors sRGB avant que les pixels n'atteignent la dalle. Utilisez cet outil pour des différences relatives entre pastilles appariées dans une session. Le volume de gamut réel nécessite un logiciel OS ou un colorimètre.

Pourquoi sRGB et P3 paraissent-ils identiques sur mon moniteur ?

L'OS, le navigateur, le GPU ou le moniteur peut forcer un chemin sRGB — ou la dalle ne couvre pas P3. Vérifiez le mode couleur, désactivez les options GPU « forcer sRGB » et retestez dans un navigateur qui gère CSS color(display-p3).

Que signifie le badge de gamut ?

Il reporte la media query CSS color-gamut (sRGB, Display P3 ou Rec. 2020). C'est une indication de capacité navigateur, pas une mesure calibrée de couverture panneau.

Les designers web doivent-ils préférer des assets P3 ?

La plupart du web suppose encore sRGB. Préférez des masters P3 seulement si tout le pipeline est géré en couleur ; sinon exportez en sRGB pour le web ouvert et gardez les fichiers large gamut pour les apps contrôlées.

Rec. 2020 est-il identique à Display P3 ?

Non. Rec. 2020 est un gamut UHDTV plus large. Le badge peut indiquer Rec. 2020 sur certains chemins HDR, mais les pastilles de cet outil ciblent sRGB vs Display P3 pour des comparaisons relatives.