Quand la couleur d’un produit change d’un écran à l’autre

Un responsable e-commerce valide un rouge bordeaux sur son MacBook Pro. Le même fichier, ouvert par un client sur un PC portable d’entrée de gamme, vire au brun. Sur smartphone, il tire vers le rose. Le produit n’a pas changé, le fichier non plus. La couleur perçue, elle, dépend de toute la chaîne qui sépare le pixel de la rétine : dalle, rétroéclairage, profil colorimétrique, logiciel d’affichage.

Ce décalage n’est pas anecdotique. Pour une marque qui vend en ligne, il peut générer des retours produit, des litiges fournisseurs ou simplement une perte de confiance. Comprendre d’où vient l’écart permet de limiter les dégâts, à défaut de les supprimer.

A lire également : IA marketing outils markeonbiz.fr : le guide stratégique pour passer à l'action

Le rôle du navigateur et du logiciel dans le rendu des couleurs

La plupart des articles sur le sujet pointent les différences de dalles et de réglages d’écran. Un facteur moins documenté intervient en amont : le logiciel qui affiche l’image peut ignorer son profil colorimétrique. Deux applications ouvertes sur le même écran peuvent montrer deux rendus distincts du même fichier. Une visionneuse qui ne gère pas les profils ICC affiche les valeurs brutes, tandis qu’un navigateur compatible adapte l’image au profil du moniteur.

Dell recommande de vérifier le profil colorimétrique après chaque modification de préréglage, de gamut ou de luminosité sur un écran. Un profil créé pour un réglage donné devient inadapté dès que ce réglage change. Le problème se multiplie quand un catalogue produit est consulté sur des dizaines de configurations différentes.

A voir aussi : Avant de lancer un nouveau produit, penser d'abord à mieux garder ses clients

Un shooting photo de produits professionnels intègre cette contrainte dès la prise de vue : profil embarqué dans le fichier, espace colorimétrique défini en amont, exports déclinés pour le web et pour l’impression. Sans ce cadrage initial, chaque maillon de la chaîne ajoute sa propre dérive.

Designer graphique comparant un échantillon de tissu bleu marine avec son affichage différent sur deux moniteurs calibrés différemment

Espace colorimétrique RVB, CMJN et gamut : pourquoi certaines teintes disparaissent

Un écran produit de la couleur par synthèse additive : il mélange rouge, vert et bleu (RVB). Une imprimante fonctionne en synthèse soustractive avec du cyan, du magenta, du jaune et du noir (CMJN). Ces deux systèmes ne couvrent pas la même plage de teintes reproductibles, appelée gamut.

Un orange saturé parfaitement visible sur un écran P3 peut ne pas exister dans le gamut sRGB d’un autre écran. La couleur est alors ramenée automatiquement dans la plage reproductible, un processus appelé gamut mapping. Elle perd de la saturation ou change légèrement de teinte, sans que l’utilisateur en soit averti.

Le cas du passage au print

L’écart se creuse encore au passage en CMJN. Le gamut imprimable est plus restreint que celui d’un écran standard. Certaines couleurs vives, notamment les bleus électriques et les verts fluorescents, n’ont tout simplement pas d’équivalent en impression. La conversion CMJN les assombrit ou les désature.

Pour les marques qui déclinent un visuel sur un site e-commerce, un catalogue papier et un packaging, cette réalité impose un choix de couleurs compatibles avec le plus petit dénominateur commun, ou bien des ajustements manuels fichier par fichier.

sRGB, Display-P3, HDR : les standards d’affichage écran et leurs limites

L’espace sRGB a longtemps servi de référence universelle pour le web. Les écrans récents, notamment sur les gammes Apple et sur certains moniteurs professionnels, couvrent un gamut plus large : Display-P3. Le module CSS Color 4 du W3C intègre désormais ces espaces étendus, avec des mécanismes de conversion pour les navigateurs compatibles.

La requête CSS color-gamut permet à un site de détecter si l’écran du visiteur supporte P3. Cette détection reste approximative : elle indique une capacité, pas la fidélité réelle du rendu. Un écran déclaré P3 par le navigateur peut couvrir ce gamut de façon inégale selon les zones de couleur.

L’activation du HDR sous Windows ajoute une couche de complexité. Les profils colorimétriques ne s’appliquent pas toujours de la même manière en mode HDR et en mode SDR. Comparer deux écrans dont l’un est en HDR et l’autre en SDR revient à comparer deux systèmes d’interprétation différents du même fichier.

  • Un écran limité au gamut sRGB ne reproduit pas toutes les teintes d’un fichier encodé en P3 : les couleurs hors de sa plage sont compressées ou tronquées.
  • Un profil ICC embarqué dans le fichier image ne sert à rien si le logiciel d’affichage l’ignore, ce qui reste fréquent sur les navigateurs mobiles.
  • La luminosité ambiante et la température de couleur du rétroéclairage modifient la perception, même sur un écran correctement calibré.

Comparaison de la couleur d'un sac à dos vert olive affiché différemment sur un smartphone et une tablette posés côte à côte

Calibrage d’écran et cohérence produit : ce que les marques peuvent contrôler

Le calibrage consiste à mesurer le rendu réel d’un écran avec une sonde colorimétrique, puis à générer un profil ICC qui corrige les écarts. Cette opération aligne l’affichage sur un standard défini (sRGB, AdobeRGB, P3). Sans calibrage, deux écrans du même modèle peuvent afficher des couleurs visiblement différentes.

Le calibrage protège la cohérence interne d’une chaîne de production, mais il ne garantit pas ce que verra le client final sur son propre appareil. La majorité des smartphones et des ordinateurs portables grand public ne sont jamais calibrés. Les paramètres de luminosité automatique, les modes « confort visuel » qui filtrent les bleus et le vieillissement des dalles ajoutent chacun leur propre dérive.

Ce que la chaîne de production peut verrouiller

Le fichier image lui-même reste le seul élément que la marque maîtrise de bout en bout. Un fichier livré avec un profil sRGB embarqué et des couleurs choisies au centre du gamut (pas aux extrêmes) sera rendu de façon plus homogène sur la majorité des appareils. C’est un compromis : on perd en intensité potentielle, on gagne en prévisibilité.

Retines, studio photo B2B basé à Paris, intègre cette logique dès la pré-production. Le studio produit des images pour les marques, les e-commerçants et les directions communication, en couvrant le packshot, le still life et les séries e-commerce.

La direction artistique, le choix de l’espace colorimétrique et les exports (web, print, nommage structuré) sont définis en amont du shooting. Les fichiers livrés sont retouchés et profilés pour limiter les écarts de rendu entre supports, y compris sur des univers produit techniques comme les spiritueux, l’horlogerie ou les cosmétiques.

Un fichier bien profilé ne supprime pas les variations d’un écran à l’autre, mais il réduit l’amplitude de ces variations. La différence entre un rouge bordeaux perçu comme brun et un rouge bordeaux perçu comme légèrement plus sombre est souvent celle qui sépare un retour client d’une vente confirmée.

Nos recommandations