La perception des couleurs dépend de la lumière, de l’œil et du cerveau. Comprendre leurs interactions aide à préparer des supports lisibles.
À retenir
- La rétine reçoit la lumière. Le cerveau participe au traitement des signaux visuels.
- L’éclairage et les couleurs voisines modifient l’apparence d’une teinte.
- Les associations émotionnelles demandent un contexte culturel et éditorial.
- La couleur seule ne doit pas transmettre une information.
- Le contraste du texte se contrôle avec les couleurs du texte et du fond.
- Un écran et un support imprimé possèdent des contraintes de reproduction différentes.
Comment l’œil et le cerveau participent-ils à la perception des couleurs ?
La perception des couleurs repose sur plusieurs opérations. La lumière atteint la rétine, puis les circuits visuels traitent les signaux reçus. La couleur perçue dépend de ces réponses et du contexte. Cette explication distingue le rayonnement physique de l’expérience visuelle. Elle évite d’attribuer une couleur fixe à chaque objet.
Source : National Eye Institute. Envision color: Activity patterns in the brain are specific to the color you see. 2020.
La lumière reçue par la rétine
Un objet éclairé absorbe une partie du rayonnement et en réfléchit une autre. La lumière réfléchie peut ensuite atteindre l’œil.
La couleur observée dépend donc du matériau et de la lumière qui l’éclaire. Elle dépend aussi de l’observateur.
Le spectre visible désigne les rayonnements capables de provoquer directement une sensation visuelle. Ses limites ne constituent pas des frontières absolues. La Commission internationale de l’éclairage (CIE) précise qu’elles dépendent notamment du rayonnement reçu et de la sensibilité de l’observateur.
Source : Commission internationale de l’éclairage. International Lighting Vocabulary, visible radiation, édition 2020.
Les rôles des cônes et des bâtonnets
La rétine contient des photorécepteurs : les cônes et les bâtonnets. Leurs fonctions diffèrent selon les conditions lumineuses.
La vision colorée habituelle repose sur trois classes de cônes. Elles répondent à des plages de longueurs d’onde qui se recouvrent. Les désignations S, M et L correspondent aux longueurs d’onde courtes, moyennes et longues.
Sources : Commission internationale de l’éclairage. International Lighting Vocabulary, visible radiation, édition 2020 et National Eye Institute. NEI scientists use retinal connectomics to study color vision circuitry relevant for mood, myopia.
Les bâtonnets interviennent surtout en faible luminosité. Les cônes fonctionnent principalement lorsque la lumière est suffisante. Cette différence aide à comprendre la moindre distinction des couleurs dans la pénombre.
Source : National Eye Institute. Scientists shine light on how eyes adapt to the dark.
Le traitement des signaux visuels
Le cerveau traite les signaux issus des circuits rétiniens. Il ne renvoie pas une image colorée sur la rétine.
La couleur perçue ne correspond pas toujours à une unique longueur d’onde. Un mélange lumineux peut produire une sensation colorée. Les réponses combinées des récepteurs participent à cette perception.
Pour la conception graphique, une conséquence compte : une valeur numérique ne décrit pas, seule, toute l’expérience visuelle.
Pourquoi une même couleur peut-elle sembler différente ?
L’apparence d’une couleur dépend des conditions d’observation. La source lumineuse, les couleurs voisines et les caractéristiques visuelles interviennent. Deux présentations d’une même référence peuvent donc produire des impressions différentes. Pour comparer des couleurs, il faut stabiliser ces conditions. Une comparaison cohérente commence avant le choix définitif de la palette.
L’influence de l’éclairage
Une feuille imprimée ne produit pas sa propre lumière. Son apparence dépend de l’éclairage reçu et de la lumière réfléchie.
Sources : International Color Consortium. Display calibration et International Color Consortium. ICC Frequently asked questions.
Un échantillon examiné sous une lampe peut sembler différent près d’une fenêtre. Comparer deux échantillons sous des éclairages différents limite la valeur du jugement.
Pour un projet imprimé, préciser les conditions de validation avec le prestataire. Pour un écran, limiter les reflets et stabiliser l’éclairage ambiant. L’International Color Consortium (ICC) décrit ces précautions dans ses recommandations sur les écrans.
Source : International Color Consortium. Display calibration.
Le fond et les couleurs voisines
Le contraste simultané désigne l’influence du contexte visuel sur l’apparence d’une zone. Pour les gris, des zones identiques peuvent paraître différentes selon la luminance du fond.
Sources : Tony Vladusich. Simultaneous contrast and gamut relativity in achromatic color perception. Vision Research, 2012. Résumé consulté et CIE. International Lighting Vocabulary, perceived contrast, édition 2020.
Exemple : placer deux carrés portant la même valeur grise sur deux fonds différents. L’un repose sur un fond sombre. L’autre repose sur un fond clair. Comparer leur apparence sans modifier leur valeur numérique.
Cette démonstration vise l’influence du contexte. Elle ne mesure ni une préférence, ni une performance commerciale.
Pour une palette de marque, examiner les couleurs dans leurs associations réelles. Un nuancier isolé ne montre pas tous les usages.
Les différences entre observateurs
Les personnes ne distinguent pas toujours les couleurs de la même manière. Certaines présentent une déficience de vision des couleurs. D’autres différences peuvent apparaître avec l’âge ou une affection visuelle.
Source : National Eye Institute. Color Blindness.
Un choix graphique ne doit donc pas dépendre uniquement de la vision de son concepteur. Les libellés, les formes et les contrastes fournissent des repères complémentaires.
Que signifient les couleurs chaudes, froides et symboliques ?
Le vocabulaire graphique décrit des impressions et des conventions. Il ne suffit pas à démontrer un effet biologique. Les associations émotionnelles présentent des régularités, avec des variations entre groupes. Une décision graphique doit préciser le public et le contexte. Elle doit aussi distinguer interprétation, préférence et résultat mesuré.
Distinguer vocabulaire graphique et température physique
En graphisme, les rouges et les orangés appartiennent habituellement aux couleurs dites chaudes. Les bleus appartiennent aux couleurs dites froides.
Les catégories graphiques chaudes et froides décrivent une organisation graphique et des impressions. Elles ne démontrent pas qu’un mur rouge élève automatiquement la température corporelle.
La température de couleur d’un éclairage relève d’une autre caractérisation. La température de couleur corrélée compare sa chromaticité à celle d’un radiateur de Planck. Elle s’exprime en kelvins, dans ses conditions d’application.
Source : CIE. International Lighting Vocabulary, correlated colour temperature, édition 2020.
Contextualiser les associations culturelles et émotionnelles
Une étude de 2020 a interrogé 4 598 participants dans 30 pays. Elle observe des associations communes et des variations liées au contexte linguistique et géographique.
Une couleur ne possède donc pas une signification unique, valable pour chaque personne et chaque situation.
Pour une campagne, formuler une hypothèse précise. Exemple : cette combinaison doit faciliter le repérage d’une information prioritaire. Vérifier ensuite ce repérage auprès du public concerné.
Ne pas transformer une association déclarée en garantie d’achat, de confiance ou de mémorisation.
Comment tenir compte des déficiences de vision des couleurs ?
Une déficience de vision des couleurs peut rendre certaines distinctions difficiles. Les difficultés de discrimination des couleurs dépendent du type et de la sévérité du trouble. L’accessibilité demande donc plusieurs repères complémentaires. Une palette seule ne résout pas toutes les difficultés. Les informations doivent rester identifiables grâce aux textes, aux formes et à leur organisation.
Comprendre les principales familles de déficiences
Le National Eye Institute distingue les déficiences rouge-vert, bleu-jaune et les déficiences complètes, plus rares.
Source : National Eye Institute. Types of Color Vision Deficiency.
Les termes protanopie, deutéranopie et tritanopie désignent des formes particulières. Ils ne couvrent pas toutes les variations possibles.
La confusion entre deux couleurs dépend aussi de leurs nuances et de leur contexte. Éviter de résumer chaque trouble à la disparition d’une couleur.
Associer couleurs, libellés et symboles
Les Web Content Accessibility Guidelines (WCAG) définissent des critères d’accessibilité web. Le W3C les publie. Le critère 1.4.1 demande que la couleur ne constitue pas le seul moyen visuel de transmettre une information.
Source : W3C. WCAG 2.2, comprendre le critère 1.4.1, couleur.
Exemple : un tableau de suivi présente deux états. L’état validé comporte un libellé « Validé » et une coche. L’état incomplet comporte « À compléter » et un symbole distinct.
La couleur peut renforcer le repérage. Le texte et le symbole portent également le sens.
Appliquer cette logique aux formulaires, graphiques, boutons et messages d’erreur.
Comprendre les limites des simulations
Une simulation fournit une représentation de certains effets possibles. Une simulation ne décrit pas exactement l’expérience de chaque personne.
Elle aide à repérer des associations problématiques. Elle ne remplace ni le contrôle du contraste, ni les retours d’usage.
Pour examiner d’autres obstacles éditoriaux et structurels, consulter Gfor Accessibilité Web :
examiner la structure et l’accessibilité d’un contenu web
Comment vérifier le contraste des textes ?
Le contraste compare la luminance relative du texte et celle de son fond. Deux teintes distinctes peuvent rester difficiles à lire ensemble. Le contrôle demande les couleurs réellement affichées. Les WCAG définissent des seuils selon le type de texte. Leur respect ne suffit pas à valider toute l’accessibilité d’une page.
Distinguer teinte et contraste de luminance
Un texte jaune peut se distinguer chromatiquement d’un fond blanc tout en restant peu lisible.
Le jugement « les couleurs sont différentes » ne suffit donc pas. Le rapport de contraste apporte un contrôle numérique adapté.
Vérifier chaque combinaison réelle : texte principal, liens, boutons, messages et états de l’interface.
Appliquer les seuils WCAG adaptés au texte
Au niveau AA, le critère 1.4.3 fixe les seuils suivants, sous réserve des exceptions prévues.
Source : W3C. WCAG 2.2, comprendre le critère 1.4.3, contraste minimal.
Sur petit écran, chaque ligne apparaît en carte. Le bandeau rouge reprend son en-tête. Les intitulés de colonnes restent disponibles.
| Situation | Rapport minimal | Conditions |
|---|---|---|
| Texte courant | 4,5:1 | Comparer la couleur du texte avec son fond. |
| Grand texte | 3:1 | Au moins 18 points, ou 14 points en gras. |
| Logotypes et texte purement décoratif | Exceptions prévues | Ces exceptions ne s’étendent pas automatiquement aux autres textes. |
Les points typographiques diffèrent des pixels CSS. Dix-huit points correspondent à 24 pixels CSS. Quatorze points correspondent à environ 18,67 pixels CSS.
Les composants et graphiques informatifs relèvent aussi de critères propres. Le critère 1.4.11 prévoit notamment un contraste minimal de 3:1 pour certaines informations visuelles non textuelles.
Source : W3C. WCAG 2.2, comprendre le critère 1.4.11, contraste non textuel.
Contrôler une combinaison avec un outil
Adobe propose un vérificateur de contraste parmi ses fonctions liées aux couleurs.
Source : Adobe. Page des outils de palettes et de contraste.
Relever les valeurs du texte et du fond. Les saisir dans l’outil, puis comparer le résultat au seuil applicable.
Si le rapport est insuffisant, modifier une couleur et recommencer. Vérifier aussi les états interactifs et les fonds variables.
Un résultat numérique favorable ne corrige pas une police trop fine, un texte minuscule ou une information portée uniquement par la couleur.
Pourquoi les couleurs diffèrent-elles entre écran et impression ?
Un écran émet de la lumière. Un imprimé dépend de la lumière réfléchie par ses encres et son support. Les couleurs reproductibles diffèrent selon les équipements et les conditions. Les profils colorimétriques aident à gérer ces écarts. Ils ne rendent pas tous les rendus identiques et ne suppriment pas les limites matérielles.
Comprendre la synthèse additive et la synthèse soustractive
Le modèle RVB décrit des composantes rouge, verte et bleue. Il intervient notamment dans la production des images pour écran.
En RVB à 8 bits par canal, chaque composante possède 256 valeurs. Les trois canaux représentent 16 777 216 combinaisons numériques. Ce nombre ne décrit pas les capacités de tous les écrans.
Source : Adobe. Color modes in Photoshop.
Le CMJN désigne le cyan, le magenta, le jaune et le noir. La quadrichromie combine ces encres pour reproduire les images imprimées.
Pour les procédés et leur fonctionnement, consulter : comprendre les procédés d’impression
Distinguer modèle, espace colorimétrique et profil
RVB désigne un modèle. sRGB et Adobe RGB correspondent à des espaces colorimétriques distincts.
Le gamut représente l’ensemble des couleurs reproductibles dans des conditions données. Une couleur présente dans un espace peut dépasser les possibilités d’une sortie particulière.
Un profil ICC caractérise un espace ou un dispositif pour la gestion des couleurs. Les transformations entre profils aident à préparer une reproduction cohérente.
Source : International Color Consortium. ICC Frequently asked questions.
Pour les opérations de sauvegarde et les formats, consulter le tutoriel d’exportation web Photoshop : préparer une image pour le web dans Photoshop
Tenir compte du support et des conditions d’observation
Le papier, les encres, le procédé et l’éclairage influencent le résultat imprimé. Une référence numérique identique ne garantit pas une apparence identique.
Comparer les épreuves avec une référence clairement identifiée. Pour un écran, la calibration et le profil associé participent à cette maîtrise.
Source : International Color Consortium. Display calibration.
Sur petit écran, chaque ligne apparaît en carte. Le bandeau rouge reprend son en-tête. Les intitulés de colonnes restent disponibles.
| Support ou procédé | Principe | Points à contrôler |
|---|---|---|
| Écran | Émission lumineuse | Espace colorimétrique, profil, réglages, éclairage et reflets. |
| Impression en quadrichromie | Combinaison d’encres CMJN sur un support | Profil de sortie, papier, procédé et épreuve. |
| Impression en tons directs | Encres spécifiées par une référence | Système retenu, support, conditions d’impression et référence physique. |
Comprendre les limites des tons directs
Une référence Pantone précise une couleur dans un système donné. Elle ne garantit pas une identité visuelle absolue sur tous les papiers.
Pantone distingue notamment les références C et U pour les supports couchés et non couchés. L’absorption de l’encre influence leur apparence.
Source : Pantone. What does the terms Coated and Uncoated mean in the Pantone Graphics System?
Pour une couleur de marque sensible, valider le support et la référence avec le prestataire. Examiner une épreuve pour une couleur de marque sensible ou un support influençant le résultat.
Quels contrôles effectuer avant de valider un choix de couleurs ?
La validation doit porter sur les supports et les situations prévus. Une palette agréable ne suffit pas à garantir la lisibilité. Examiner le sens transmis, les contrastes et les conditions de reproduction. Documenter ensuite les choix retenus. Cette démarche facilite les échanges entre graphiste, responsable communication, développeur et imprimeur.
Examiner le contexte, les contrastes et les repères
Identifier le public, le message et les conditions de consultation.
Vérifier les textes sur leurs fonds réels. Contrôler les informations qui dépendent d’une couleur. Ajouter un libellé ou un symbole si nécessaire.
Tester également les graphiques et les messages d’état. Une légende claire doit permettre d’identifier les données sans deviner leur couleur.
Comparer le rendu sur les supports prévus
Examiner la page sur plusieurs écrans. Ces essais repèrent des différences, sans remplacer une caractérisation colorimétrique.
Pour l’impression, confirmer le papier et les consignes de préparation. Éviter les conversions répétées sans contrôle.
Conserver les références, les profils et les versions du fichier validé. Préciser les conditions de comparaison lors des échanges.
Valider une épreuve lorsque le projet le demande
Une épreuve sert de référence pour examiner le résultat attendu. La portée d’une épreuve dépend du procédé et des conditions convenues.
Noter ce qui est validé : contenu, dimensions, couleurs, support ou finition. Un accord imprécis rend les comparaisons ultérieures difficiles.
FAQ, glossaire et sources.
FAQ sur la perception des couleurs
Pourquoi les couleurs semblent-elles moins distinctes dans une pièce sombre ?
Les cônes participent surtout à la vision colorée lorsque la lumière suffit. En faible luminosité, les bâtonnets jouent un rôle majeur. Les distinctions chromatiques deviennent moins fiables. Une palette destinée à un lieu sombre demande donc un contrôle dans ces conditions.
Source : National Eye Institute. Scientists shine light on how eyes adapt to the dark.
Le vieillissement peut-il modifier la perception des couleurs ?
La vision des couleurs peut changer avec l’âge. Le National Eye Institute mentionne notamment les cataractes parmi les causes possibles. Ces changements varient selon les personnes. L’article décrit des principes de conception et ne permet pas d’identifier une cause individuelle.
Source : National Eye Institute. Color Blindness.
Un test de vision des couleurs sur écran remplace-t-il un examen professionnel ?
Un test affiché sur un écran dépend de conditions techniques et lumineuses variables. Il ne suffit pas pour établir un diagnostic. Un professionnel de la vision peut choisir des tests adaptés et interpréter leurs résultats selon la situation.
Source : National Eye Institute. Testing for Color Vision Deficiency.
Un simulateur reproduit-il exactement la vision d’une personne daltonienne ?
Un simulateur applique un modèle à une image. Il fournit une aide pour repérer certaines confusions possibles. Il ne représente pas toutes les différences individuelles. Compléter cette simulation par des libellés, des contrastes contrôlés et des retours d’usage.
Deux couleurs différentes peuvent-elles présenter un contraste insuffisant ?
Oui. Une différence de teinte ne garantit pas un rapport de luminance suffisant. Un texte peut donc rester difficile à lire. Il faut mesurer le contraste entre ses couleurs réelles et comparer le résultat au seuil applicable.
Source : W3C. WCAG 2.2, comprendre le critère 1.4.3, contraste minimal.
Une capture d’écran suffit-elle pour comparer deux rendus colorés ?
Une capture conserve une représentation numérique, mais sa consultation dépend encore de l’écran et de sa gestion des couleurs. Elle peut aider à montrer une différence. Elle ne remplace pas une comparaison réalisée avec des conditions d’observation maîtrisées.
Sources : International Color Consortium. Display calibration et International Color Consortium. ICC Frequently asked questions.
Pourquoi une référence Pantone porte-t-elle une lettre C ou U ?
La lettre C indique une présentation sur papier couché. La lettre U indique une présentation sur papier non couché. L’absorption de l’encre diffère entre ces supports. Une même référence numérique peut donc présenter des apparences différentes selon cette indication.
Source : Pantone. What does the terms Coated and Uncoated mean in the Pantone Graphics System?
Une palette de marque doit-elle changer entre le web et l’impression ?
La palette peut conserver sa logique tout en prévoyant des équivalences adaptées. Les contraintes du papier et des écrans diffèrent. Documenter les références et les conditions de reproduction aide à maîtriser les écarts. Une identité absolue ne constitue pas une garantie réaliste.
Sources : International Color Consortium. ICC Frequently asked questions et Pantone. What does the terms Coated and Uncoated mean in the Pantone Graphics System?
Glossaire
Photorécepteur
Cellule sensible à la lumière. Les cônes et les bâtonnets sont les photorécepteurs de la rétine.
Longueur d’onde
Distance entre deux points équivalents d’une onde. Elle sert notamment à décrire les rayonnements lumineux.
Trichromatie
Fonctionnement de la vision colorée reposant sur trois classes de cônes.
Luminance
Grandeur photométrique décrivant la lumière issue d’une surface dans une direction. Les WCAG calculent une luminance relative.
Contraste simultané
Modification de l’apparence d’une couleur sous l’influence des couleurs environnantes.
Dyschromatopsie
Trouble de la discrimination des couleurs. Ses manifestations varient selon les mécanismes concernés.
Gamut
Ensemble des couleurs reproductibles par un dispositif ou un procédé dans des conditions données.
Profil ICC
Ensemble de données décrivant des caractéristiques colorimétriques nécessaires à la gestion des couleurs.
Synthèse additive
Production de couleurs par combinaison de lumières. Le mélange des primaires adaptées peut produire une lumière blanche.
Synthèse soustractive
Production de couleurs par absorption sélective de lumière, notamment avec des encres sur un support.
Sources et références
[4] National Eye Institute. Scientists shine light on how eyes adapt to the dark.
[5] International Color Consortium. Display calibration.
[6] National Eye Institute. Color Blindness.
[8] National Eye Institute. Types of Color Vision Deficiency.
[9] W3C. WCAG 2.2, comprendre le critère 1.4.1, couleur.
[10] W3C. WCAG 2.2, comprendre le critère 1.4.3, contraste minimal.
[11] W3C. WCAG 2.2, comprendre le critère 1.4.11, contraste non textuel.
[12] Adobe. Page des outils de palettes et de contraste.
[13] Adobe. Color modes in Photoshop.
[14] International Color Consortium. ICC Frequently asked questions.
[15] Pantone. What does the terms Coated and Uncoated mean in the Pantone Graphics System?
[16] National Eye Institute. Testing for Color Vision Deficiency.
[18] CIE. International Lighting Vocabulary, perceived contrast, édition 2020.
[19] CIE. International Lighting Vocabulary, correlated colour temperature, édition 2020.
La perception des couleurs demande de relier vision, contexte et reproduction. Un choix graphique se valide sur ses usages réels. La formation Typo Maquette propose une mise en pratique des couleurs, des contrastes et de la composition : formation Typo Maquette
