Blog · Numérique
Pourquoi le même code couleur HEX ne s'affiche pas pareil sur deux écrans
Vous choisissez un bleu précis, disons #3B82F6, pour un logo ou un site. Sur votre ordinateur il paraît éclatant. Sur votre téléphone, un peu plus terne. Imprimé, presque méconnaissable. Rassurez-vous : ni votre écran ni votre imprimante ne sont défectueux, c'est un phénomène normal et bien connu des graphistes.
Un code HEX, c'est une recette, pas une couleur
Un code comme #3B82F6 découpe la couleur en trois quantités numériques : la part de rouge, de vert et de bleu, chacune sur une échelle de 0 à 255. C'est une instruction envoyée à l'écran, pas une couleur physique déjà fixée. Charge ensuite à chaque écran de transformer ces trois nombres en lumière réellement émise par ses pixels — et c'est précisément cette étape de traduction qui varie d'un appareil à l'autre.
Chaque écran traduit les nombres à sa façon
Deux écrans qui reçoivent exactement le même triplet de valeurs RVB ne produisent pas forcément la même lumière. La technologie de la dalle joue déjà un rôle : un écran OLED a tendance à afficher des couleurs plus saturées et des noirs plus profonds qu'un écran LCD classique, dont le rétroéclairage diffuse en permanence une lumière de fond. S'ajoutent à cela des réglages propres à chaque appareil — luminosité, contraste, mode « éco » ou « vivide », filtre de lumière bleue le soir — qui modifient encore le rendu final sans toucher au code HEX lui-même. Et surtout, deux écrans vieillissent et sont calibrés différemment : un modèle neuf, réglé en usine avec soin, n'affichera pas exactement la même nuance qu'un écran plus ancien ou jamais calibré.
Le rôle discret de l'espace colorimétrique
Sur le web, les couleurs sont presque toujours pensées dans un espace colorimétrique appelé sRGB, une norme commune qui définit, en théorie, à quoi doit correspondre chaque valeur RVB en termes de lumière réelle. Le problème, c'est que « respecter sRGB » n'est pas une case cochée ou non : c'est une question de précision. Deux écrans peuvent tous les deux revendiquer une compatibilité sRGB tout en ayant une fidélité de calibration différente — l'un très proche de la norme, l'autre avec un léger écart de teinte ou de saturation, invisible sur le papier des caractéristiques techniques mais bien visible à l'œil nu une fois les deux appareils posés côte à côte.
Pourquoi l'imprimé est encore plus différent
L'écart se creuse encore davantage avec l'impression, pour une raison plus fondamentale : un écran émet de la lumière (on parle de synthèse additive, en RVB), alors qu'une page imprimée ne fait qu'absorber et renvoyer la lumière ambiante grâce à des encres (synthèse soustractive, en CMJN — cyan, magenta, jaune, noir). Passer d'un système à l'autre demande une conversion RVB vers CMJN qui, presque toujours, modifie légèrement la teinte : certains bleus ou verts très vifs à l'écran n'ont tout simplement pas d'équivalent exact en encre. C'est ce qui explique le classique « à l'écran c'était plus beau » une fois la carte de visite ou le flyer sorti de l'imprimante.
Ce qu'il faut en retenir en pratique
Pour un choix sans conséquence, ces variations n'ont pas grande importance. Mais pour une décision engageante — logo, charte graphique, identité visuelle d'une marque — mieux vaut vérifier la couleur sur plusieurs écrans réels (téléphone, ordinateur, éventuellement un autre modèle) avant de la valider, plutôt que de se fier à un seul écran non calibré. Si l'impression est prévue, un test sur papier avant impression en grande quantité évite les mauvaises surprises. Dans tous les cas, le code HEX reste la référence exacte et transmissible : c'est l'affichage qui varie, pas la donnée.
Le rôle méconnu du profil colorimétrique et du gamut
Au-delà de la calibration individuelle de chaque écran, un autre facteur technique explique une partie des écarts observés : le gamut, c'est-à-dire l'étendue des couleurs qu'un appareil est physiquement capable d'afficher. Le sRGB, la norme la plus répandue sur le web, ne couvre qu'une partie de toutes les couleurs visibles par l'œil humain. Certains écrans plus récents ou plus haut de gamme prennent en charge des espaces colorimétriques plus larges, comme le DCI-P3, utilisé notamment sur de nombreux smartphones et écrans récents pour afficher des couleurs plus saturées que ce que le sRGB permet.
Le problème survient quand un navigateur ou une application interprète une valeur HEX pensée pour du sRGB sur un écran calé sur un espace plus large sans conversion appropriée : la couleur peut apparaître plus vive ou légèrement décalée que sur un écran strictement sRGB, même si les deux appareils sont parfaitement calibrés selon leurs propres normes respectives. La plupart des systèmes d'exploitation et navigateurs modernes gèrent cette conversion automatiquement grâce à des profils colorimétriques intégrés (souvent au format ICC), mais tous les logiciels ne le font pas avec la même rigueur, ce qui peut expliquer des écarts persistants même entre deux appareils récents et bien réglés.
Cette question de gamut explique aussi pourquoi certaines couleurs très vives, notamment certains verts ou oranges fluorescents, restent difficiles à reproduire fidèlement d'un support à l'autre : elles se situent près des limites de ce que le sRGB peut représenter, une zone où les petites différences de traduction entre appareils deviennent les plus visibles à l'œil.
À retenir
- Un code HEX fixe des valeurs numériques de rouge, vert et bleu, pas une couleur physique figée.
- Chaque écran traduit ces valeurs différemment selon sa technologie (LCD, OLED) et ses réglages de luminosité et contraste.
- Même en respectant tous les deux la norme sRGB, deux écrans peuvent avoir une précision de calibration différente.
- L'impression change de système de couleur (RVB émis vers CMJN imprimé), ce qui explique un écart encore plus net.
- Pour un choix important, testez la couleur sur plusieurs écrans réels avant de la valider.