Vérificateur de gamme de couleurs
Compare sRGB, Display P3, and Rec. 2020 patches side by side. On a wide-gamut monitor, P3 and Rec. 2020 swatches should look noticeably more vivid than their sRGB counterparts. Navigateur detection is qualitative — it reflects CSS media-query support, not your ICC profile.
Browser-reported gamut
Primary gamut: …
Primary comparison (sRGB vs P3 vs Rec. 2020)
Red
Green
Blue
Cyan
Magenta
Yellow
Chroma saturation test (sRGB vs P3)
If the right column looks identical to the left, your display or navigateur is likely clipping to sRGB. A wide-gamut panel should show richer reds, greens, and cyans on the P3 side.
Mode d'emploi
- Ouvrez l'outil sur le moniteur que vous souhaitez tester. Tamisez la pièce et regardez le panneau directement pour obtenir le résultat le plus honnête.
- Lisez le panneau de gamme signalé par le navigateur en haut: il indique si CSS détecte sRGB, Display P3 ou Rec. 2020 comme gamme principale, plus votre profondeur de couleur.
- Faites défiler les lignes de comparaison principales. Sur un écran à large gamme, les P3 et Rec. Les échantillons 2020 de chaque rangée devraient paraître plus vifs que l’échantillon sRGB à côté d’eux.
- Consultez la section Test de saturation chromatique. Si la colonne P3 semble identique à la colonne sRGB, votre écran ou votre navigateur est probablement en train de passer en sRGB.
- Cliquez sur n'importe quel échantillon pour le mettre en plein écran, ou utilisez le panneau d'aperçu et le bouton d'aperçu plein écran pour un remplissage complet du panneau.
FAQ
Qu'est-ce qu'un test de gamme de couleurs?
Un test de gamme de couleurs montre si votre écran peut restituer des couleurs en dehors de la plage sRGB standard. Cet outil restitue la même teinte en sRGB, Display P3 et Rec. 2020 côte à côte. Si les versions à large gamme semblent plus riches ou plus saturées, votre panneau affiche probablement une gamme plus large que sRGB.
Qu’est-ce que l’affichage P3?
Display P3 (également appelé DCI-P3) est un large espace colorimétrique utilisé sur les appareils Apple modernes, de nombreux moniteurs HDR et les ordinateurs portables haut de gamme. Il couvre environ 25 % de couleurs en plus que le sRGB, notamment les rouges et les verts. Si votre MacBook ou votre moniteur à large gamme fonctionne correctement, les correctifs P3 de cet outil devraient paraître nettement plus vifs que sRGB.
Qu'est-ce que la Rec. 2020?
Rec. 2020 (BT.2020) est un espace colorimétrique ultra-large conçu pour la vidéo UHD et HDR. Il est plus grand que l’écran P3. La plupart des moniteurs grand public ne peuvent pas afficher entièrement Rec. 2020, mais les correctifs de comparaison vous aident toujours à voir jusqu'où votre panneau s'étend au-delà du sRGB.
Pourquoi P3 et sRGB se ressemblent-ils sur mon moniteur?
Plusieurs choses peuvent être à l'origine de ce problème: votre écran peut être uniquement sRGB; le système d'exploitation force peut-être le mode sRGB; le navigateur peut tout composer en sRGB; ou votre pilote GPU limite peut-être la plage de sortie. Essayez d'activer le mode large gamme ou P3 dans les paramètres d'affichage macOS, les paramètres Windows HDR ou l'OSD de votre moniteur, puis rechargez la page.
Est-ce que cela lit le profil ICC de mon moniteur?
Non. L’outil utilise des requêtes multimédias utilisant la gamme de couleurs CSS et des patchs de couleurs rendus. Il indique ce que le navigateur pense de la prise en charge de la gamme et ce que vous pouvez voir visuellement, et non le nom ou l'exactitude d'un profil ICC installé.
La gamme signalée par le navigateur est-elle la même que les spécifications de mon moniteur?
Pas toujours. Le badge en haut reflète les résultats des requêtes multimédias CSS, qui dépendent du navigateur, de la gestion des couleurs du système d'exploitation et de l'affichage actif. Un panneau commercialisé sous le nom 100 % DCI-P3 peut toujours signaler sRGB ici si le système d'exploitation est en mode de compatibilité. Faites confiance à la comparaison visuelle des patchs comme signal principal.
Est-ce que cela fonctionne sur MacBook, iPhone et Android?
Oui. Tout navigateur moderne prenant en charge CSS Color Level 4 (Safari, Chrome, Edge, Firefox) peut restituer les correctifs. Les MacBook Apple Silicon et les iPhones récents présentent généralement des différences nettes entre sRGB et P3. De nombreux téléphones Android dotés de panneaux AMOLED affichent également une gamme plus large, bien que les paramètres du système d'exploitation varient.
Puis-je l'utiliser pour calibrer mon moniteur?
Il s’agit d’un diagnostic qualitatif – excellent pour confirmer qu’une large gamme est active, repérer l’écrêtage des couleurs et comparer les panneaux avant l’achat. Pour une précision absolue des couleurs, vous avez toujours besoin d'une sonde d'étalonnage matérielle et d'un profil ICC.
Quelque chose a-t-il été téléchargé?
Non. Tous les patchs de couleurs sont rendus localement dans votre navigateur. Rien n'est envoyé à un serveur.
Introduction
Ce vérificateur de gamme de couleurs en ligne vous permet de comparer le rendu de votre écran sRGB, Display P3 et Rec. Couleurs 2020 côte à côte — gratuitement, dans le navigateur, sans rien à installer. Il répond à une question que les fiches techniques seules ne peuvent pas: mon moniteur affiche-t-il réellement des couleurs à large gamme, ou tout est-il découpé en sRGB?
Un test de gamme de couleurs est important lorsque vous modifiez des photos, évaluez des vidéos, concevez des appareils Apple ou achetez un nouveau moniteur annoncé comme DCI-P3 ou HDR. Les affirmations marketing telles que « 100 % DCI-P3 » n'ont de sens que si le système d'exploitation, le GPU et le navigateur offrent tous cette gamme au panneau. Cet outil rend la différence visible en quelques secondes.
Comment exécuter un test de gamme de couleurs
- Ouvrez l'outil sur l'écran que vous souhaitez évaluer.
- Lisez les badges Gamut signalés par le navigateur – notez quel espace est marqué actif et votre profondeur de couleur.
- Parcourez chaque ligne de Comparaison principale (Rouge, Vert, Bleu, Cyan, Magenta, Jaune).
- Comparez le Test de saturation chromatique: colonne sRGB par rapport à la colonne P3 pour chaque teinte.
- Cliquez sur n'importe quel échantillon ou utilisez Aperçu plein écran pour remplir tout le panneau avec un seul patch.
Que chercher
| Section | Ce que montre un écran large gamme sain |
|---|---|
| Gamme signalée par le navigateur | Afficher P3 ou Rec. 2020 marqué actif (pas seulement sRGB). |
| Comparaison primaire | P3 et Rec. Les échantillons 2020 semblent plus vifs que sRGB dans la même rangée, en particulier le rouge et le vert. |
| Test de saturation chromatique | La colonne P3 est nettement plus riche que sRGB; des rouges plus profonds, des verts plus néons, des cyans plus brillants. |
| Profondeur de couleur | 30 bits ou plus sont souvent en corrélation avec des flux de travail à large gamme, bien que les panneaux 24 bits puissent toujours avoir une large gamme. |
Si chaque ligne semble identique dans les trois colonnes, votre pipeline d'affichage est presque certainement verrouillé sur sRGB, indépendamment de ce que dit la brochure marketing.
Comprendre les espaces colorimétriques
sRVB est l'espace colorimétrique standard pour le Web, la plupart des moniteurs de bureau et les images non balisées. Chaque écran peut afficher sRGB; la question est de savoir s'il peut en montrer plus.
L'écran P3 étend le sRVB principalement dans les rouges et les verts. Vous le trouverez sur les panneaux MacBook Pro, les écrans iMac, les écrans iPad et iPhone et de nombreux moniteurs de bureau compatibles HDR. Les flux de travail photo et vidéo ciblant le matériel Apple utilisent souvent P3 comme espace de travail.
Rec. 2020 est encore plus large: conçu pour la diffusion UHD HDR. Peu de moniteurs grand public couvrent la totalité de la Rec. 2020, mais les correctifs ici révèlent toujours la marge dont dispose votre panneau au-delà du sRGB.
Cet outil restitue chaque espace en utilisant la syntaxe de couleur CSS native (rgb(),color(display-p3 …),color(rec2020 …)), de sorte que le navigateur gère la conversion et la composition. Ce que vous voyez correspond à ce que votre pipeline d'affichage actuel offre.
Cas d'utilisation courants
- Vérification d'un nouveau moniteur à large gamme: vérifiez que les correctifs P3 semblent plus riches avant la fermeture de la fenêtre de retour.
- Dépannage des paramètres de couleur Mac: vérifiez si le mode macOS Display P3 ou HDR est réellement actif.
- Comparaison des panneaux d'ordinateurs portables: évaluez la vivacité des couleurs sur les moniteurs MacBook, Ultrabook Windows et de jeu.
- Recherche préalable à l'achat: effectuez le test sur un écran d'exposition dans une salle d'exposition pour voir le comportement de la gamme dans le monde réel.
- Flux de travail photo et vidéo: vérifiez que votre écran d'édition ne coupe pas silencieusement les couleurs saturées en sRVB.
- AQ de la conception Web: vérifiez le rendu des couleurs CSS P3 pour les utilisateurs sur du matériel à large gamme.
Meilleures pratiques
- Atténuez la pièce et regardez directement; la lumière ambiante et l’angle de vision affectent la saturation perçue.
- Désactivez temporairement les filtres de nuit/lumière bleue: ils modifient la température de couleur et peuvent masquer les différences de gamme.
- Vérifiez les paramètres d'affichage du système d'exploitation avant de blâmer le panneau: le "Profil de couleur" macOS, la bascule Windows HDR et les modes de gamme OSD du moniteur sont tous importants.
- Recharger après avoir modifié les paramètres: les requêtes multimédias de gamme sont mises à jour lors du chargement de la page.
- Associez-le aux monitor color test,color range test et screen resolution test pour une passe de diagnostic d'affichage complète.
Limites
Il s'agit d'une vérification visuelle et au niveau du navigateur, et non d'une mesure colorimétrique. Il ne peut pas signaler les pourcentages de couverture (par exemple « 97 % DCI-P3 ») ou la précision delta-E. Pour cela, utilisez une sonde matérielle telle qu'un appareil X-Rite ou Calibrite. La valeur ici est la vitesse et l'accessibilité: n'importe qui peut effectuer un contrôle d'intégrité significatif à large gamme en moins d'une minute, sur n'importe quel appareil, sans installer de logiciel.