Comprendre la lumière et la couleur - emmanuelle …emmanuelle-menny.com/news/wp-content/uploads/2016/09/0_PREREQ… · La couleur de la lumière et tons chauds ou froids ... Représentations

Comprendre la lumière et la couleur

Initiation aux Arts appliqués

création le 28 mars 2014 – mise à jour le 8 septembre 2017 EMF

www.emf-artiste.com


www.emf-artiste.com 1 / 43

Introduction pour mieux comprendre ce qui suit ...................................................................................................... 2

Colorimétrie, ou comment rendre objectif le subjectif .................................................................................................................. 2 Quelles sont les propriétés fondamentales des couleurs ? .......................................................................................................... 2 Lumière et couleurs : les perceptions relatives ............................................................................................................................ 3

Qu’est-ce que la lumière ? ....................................................................................................................................... 3

Composition physique ................................................................................................................................................................. 3 Spectre lumineux visible ou spectre optique ................................................................................................................................ 4 La couleur de la lumière et tons chauds ou froids ........................................................................................................................ 4

Connaitre l’œil pour comprendre les couleurs et la résolution d’une image numérique ........................................... 7

Structure de l’œil ........................................................................................................................................................................ 7 Les protections ............................................................................................................................................................................ 7 La rétine dispose de 2 types de capteurs sensibles. .................................................................................................................... 8 Conséquences pour la vision .................................................................................................................................................... 10 Où le pouvoir de séparation de l’œil permet le choix d’une résolution adaptée à la distance d'observation d'un document en couleurs ? ................................................................................................................................................................................. 10

Représentations graphiques des couleurs : diagramme de chromaticité et gamut ............................................... 11

Diagramme de chromaticité : représenter les couleurs de façon cartésienne ............................................................................ 11 GAMUT de couleur ................................................................................................................................................................... 13

La synthèse des couleurs ...................................................................................................................................... 14

La synthèse soustractive ........................................................................................................................................................... 14 La synthèse additive ................................................................................................................................................................. 15

La gestion des couleurs ......................................................................................................................................... 15

Profil ICC .................................................................................................................................................................................. 15 Gérer les couleurs c’est important ............................................................................................................................................. 16 Il faut donc calibrer, c’est-à-dire étalonner. ................................................................................................................................ 16

Photoshop et les couleurs et formats : comment cela fonctionne-t-il ? .................................................................. 17

Les profils de travail RVB .......................................................................................................................................................... 17 Les profils vraiment conseillés pour le CMJN ............................................................................................................................ 18 Les couleurs du web ................................................................................................................................................................. 18 Le profil ICC sRGB .................................................................................................................................................................... 19 Les préférences couleurs de Photoshop ................................................................................................................................... 20 Les modes colorimétriques de Photoshop ................................................................................................................................. 23 Les modèles colorimétriques de Photoshop .............................................................................................................................. 24 Formats de fichiers et couleurs ................................................................................................................................................. 27

Roue ou cercle chromatique : quand les couleurs expriment des intentions et/ou s’adaptent à des chartes

graphiques ............................................................................................................................................................. 28

Représentation circulaire des couleurs ...................................................................................................................................... 28 Utiliser la roue chromatique d’ADOBE ....................................................................................................................................... 28 Taxinomie des couleurs ............................................................................................................................................................ 32 Comment utiliser les couleurs ? ................................................................................................................................................ 32 Les différents types de contrastes ............................................................................................................................................. 32

Contraste de la couleur en soi ............................................................................................................................................... 32 Contraste clair-obscur ............................................................................................................................................................ 33 Contraste chaud-froid ............................................................................................................................................................ 34 Contraste successif ou contraste des complémentaires ......................................................................................................... 35 Contraste simultané ............................................................................................................................................................... 35 Contraste de qualité ............................................................................................................................................................... 36 Contraste de quantité............................................................................................................................................................. 36

Visibilité des couleurs ................................................................................................................................................................ 37 Sensations, émotions et couleurs .............................................................................................................................................. 37 Trois couleurs pour les émotions primaires ............................................................................................................................... 37 Couleurs et symbolique ............................................................................................................................................................. 38 Associer les couleurs et les idées (résultat des recherches de Michel Pastoureau) ................................................................... 38 Harmonie et dissonance des couleurs ....................................................................................................................................... 39

Vocabulaire............................................................................................................................................................ 40

Bibliographie .......................................................................................................................................................... 43

http://www.emf-artiste.com/



Introduction pour mieux comprendre ce qui suit

Colorimétrie, ou comment rendre objectif le subjectif

Un peu de théorie…

"La couleur est le point de rencontre entre notre esprit et l'univers" Paul Klee1

Citation : Wikipédia2

La couleur est une sensation qui provient de la capacité de l'œil humain de distinguer trois analyses différentes d'une vue : la vision rouge, la vision verte et la vision bleue.

La combinaison de ces trois visions permet de voir en couleurs.

En langage informatique, on nomme une telle combinaison un mode colorimétrique.

La couleur est un élément très important du langage graphique.

Couleur et lumière sont intimement liées. Sans lumière il n’y a pas de couleur !

La couleur n’a pas vraiment d’existence matérielle dans le monde réel, c’est le fruit d’une interprétation

par nos sens de la lumière c’est-à-dire un ressenti des radiations électromagnétiques.

Donc un objet n’a pas de couleur, mais c’est notre cerveau qui traduit des radiations et la structure

moléculaire de la surface d’un objet observé, avec ses creux et ses bosses permettant à des fréquences

de rebondir, qui donnent une sensation de couleur.

La couleur est donc la perception que nous avons de certaines longueurs d’onde (celles du spectre

visible).

De plus cette perception varie en fonction de beaucoup de paramètres que sont : la culture personnelle,

l’environnement, le sexe, l’âge… Par exemple, quand on vieillit, la cornée vieillit elle aussi et constitue

comme un filtre jaune sur ce que l’on observe. Aussi la personne plus âgée avec sa cornée

endommagée par le temps qui passe, va rechercher des blancs plus bleutés comme référence du blanc

parfait ou absolu.

En dépit de son aspect subjectif, on évalue la couleur de manière chiffrée pour tenter de l’objectiver.

C’est le rôle de la colorimétrie qui est la science de la mesure de la couleur.

Quelles sont les propriétés fondamentales des couleurs ?

Les propriétés fondamentales des couleurs sont :

• La teinte (couleur pure)

• La luminosité ou valeur ou encore nuance. (par ajout de blanc on obtient une valeur plus claire, par ajout de noir, on obtient une valeur plus sombre. Les objets distants sont plus clairs, donc une valeur crée une illusion d'espace et de profondeur).

• La saturation (éclat de la couleur, caractère plus ou moins terne ou plus ou moins franc. On parle aussi de vivacité de la couleur, c’est-à-dire du degré qui la différencie du gris).

o Une couleur pure est très saturée (c'est la couleur qui sort du tube de peinture), une couleur dé saturée, tend vers le gris (la couleur est diluée).

▪ Les couleurs saturées attirent l'attention,

1 Peintre et pédagogue Allemand (18/12/1879 – 29/06/1940) 2 Définition [en ligne] Wikipédia [consulté le 11/10/2016] disponible sur https://fr.wikipedia.org/wiki/Couleur


https://fr.wikipedia.org/wiki/Couleur



▪ Les couleurs dé saturées s'utilisent pour des messages où la fonction et l'efficacité sont prioritaires.

▪ Les couleurs dé saturées claires sont perçues comme amicales. ▪ Les couleurs dé saturées sombres sont perçues comme sérieuses. ▪ Les couleurs saturées sont excitantes et dynamiques mais fatiguent

visuellement.

Lumière et couleurs : les perceptions relatives

• Le jaune est lumineux.

• Le violet est sombre.

• Mais la notion de sombre ou clair est relative, elle résulte de comparaison.

• Le jaune paraît moins lumineux sur du blanc, et le violet et le bleu paraissent lumineux sur du noir…

Qu’est-ce que la lumière ?

Composition physique

La lumière est composée de radiations à longueurs d’ondes variables, c’est un phénomène ondulatoire

et corpusculaire :

Partie des rayons électromagnétiques qui s’étendent des rayons cosmiques aux ondes hertziennes.

Phénomène ondulatoire : elle se propage comme une onde,

Phénomène corpusculaire : elle est composée de grains – les photons.

1 nanomètre = 10-9

m = 0,000 000 001 m

L’amplitude correspond à la hauteur d’une « vague ».




La longueur d’onde est la distance entre les crêtes de deux « vagues » successives. La longueur d'onde

d'une onde radio est de l'ordre du mètre, celle d'une micro-onde est de l'ordre du cm.

La fréquence désigne le nombre de « vagues » par seconde. Elle est inversement proportionnelle à la

longueur d’onde. La fréquence est exprimée en Hertz.

La puissance est liée à l'amplitude : plus une « vague » est haute, plus elle est puissante. L'amplitude

d'une onde électromagnétique, et donc son énergie, diminue à force qu'on s'éloigne de la source

émettrice.

Spectre lumineux visible ou spectre optique

Rayons

cosmiques

Rayons

gamma

Rayons x Rayons

ultra-

violets

Lumière

visible

Rayons

infra-

rouges

Ondes

hertziennes

(TV, radars,

radio…)

Ondes électromagnétiques

Spectre visible = spectre optique = spectre lumineux = partie du spectre électromagnétique qui est

visible pour l'œil humain (avec comme restriction que la largeur du spectre visible dépend de l’acuité

visuelle et des conditions de luminosité…)

La couleur de la lumière et tons chauds ou froids

La température de la lumière est donnée en Kelvin3.

Le kelvin (symbole K, du nom de William Thomson, Lord Kelvin) est l'unité SI (Système International) de température thermodynamique. Par convention, les noms d'unité sont des noms communs et s'écrivent en minuscule (« kelvin » et non « Kelvin »).

Le kelvin est la fraction 1/273,16 de la température thermodynamique du point triple de l'eau (H2O), et une variation de température d'1 K est équivalente à une variation d'1 °C1. Toutefois, à la différence du degré Celsius, le kelvin est une mesure absolue de la température qui a été introduite grâce au troisième principe de la thermodynamique. La température de 0 K est égale à −273,15 °C et correspond au zéro absolu (le point triple de l'eau est donc à la température 0,01 °C).

Le kelvin, n'étant pas une mesure relative, n'est jamais précédé du mot « degré » ni du symbole « ° » …

Elle correspond, selon la source lumineuse à une partie de la gamme chromatique se déclinant en

couleurs chaudes, neutres ou froides.

Les sources lumineuses avec une basse valeur en Kelvins produisent une lumière chaude (dominante

de jaune) tandis que celles de valeurs élevées en Kelvin produisent une lumière froide à dominante

bleue.

3 Définition [en ligne] Wikipédia [consulté le 11/10/2016] disponible sur https://fr.wikipedia.org/wiki/Kelvin


https://fr.wikipedia.org/wiki/Kelvin



Le schéma qui suit, représente approximativement différentes sources lumineuses placées sur une

échelle en Kelvins.


Aide-mémoire pour débuter en photographie

7

Connaitre l’œil pour comprendre les couleurs et la

résolution d’une image numérique

Structure de l’œil 4

L’œil, organe de la vision permet de capter la lumière et de l’analyser afin de distinguer des formes et

des couleurs. L’œil est étudié par une science : l’ophtalmologie. En voici en schéma anatomique.

5

Les protections

Cornée, sclérotique et conjonctivite constituent une tunique externe

• Cornée : membrane transparente protectrice qui laisse passer la lumière

• Conjonctivite (muqueuse transparente et lubrifiée du fond de l’œil, dans la continuité de la sclérotique) et sclérotique (membrane protectrice de l’œil percée à l’avant pour la cornée), protègent l’œil :

4 Article wiki [en ligne] Wikipédia [consulté le 11 octobre 2016] disponible sur https://fr.wikipedia.org/wiki/%C5%92il_humain 5 Schematic_diagram_of_the_human_eye_en.svg: Rhcastilhosderivative Works: - lyhana8 (Talk) — Schematic_diagram_of_the_human_eye_en.svg, Domaine public, [en ligne] [consulté le 11 octobre 2016] disponible sur : https://commons.wikimedia.org/w/index.php?curid=6917352

https://fr.wikipedia.org/wiki/%C5%92il_humain

https://commons.wikimedia.org/w/index.php?curid=6917352


8

La tunique moyenne est constituée de la choroïde, l’iris, la pupille, le corps ciliaire, du cristallin.

• Choroïde : membrane vascularisée qui nourrit la rétine (ses cellules sont pigmentées par la mélanine brun-foncé qui empêche le passage des rayons, les canalisant ainsi vers la pupille).

• Iris : cercle de couleur percé au centre de la pupille

• Pupille : ouverture circulaire au centre de l’iris, dont l’ouverture est modulée par l’intensité de la lumière.

• Corps ciliaire : réseau de muscles qui modifie la courbure du cristallin pour rendre la vision nette (c’est notre autofocus)

• Cristallin : disque fibreux, transparent, flexible qui focalise l’image sur la rétine en fonction de la distance

Œil interne : rétine, macula, papille, fovéa et nerf optique

• Rétine : partie sensible de l’œil, elle est constituée de cônes (pour la vision diurne), de bâtonnets (pour la vision nocturne) et de neurones.

• Macula : tache jaune de la rétine qui permet et gère le mouvement.

• Papille : aussi appelée « tache aveugle » c’est la zone ou les cellules se réunissent pour former le nerf optique. Cette zone ne contient aucune cellule photo sensible.

• Fovéa : partie de la rétine sensible aux couleurs

• Nerf optique : fibres nerveuses qui conduisent l’information visuelle au cerveau.

La rétine dispose de 2 types de capteurs sensibles.

Au fond de l’œil, de nombreux photorécepteurs permettent de capter la lumière. Ils transforment cette

information en signal électrique qui est ensuite décodé par le cerveau pour donner la couleur. La rétine

est tapissée d’une mosaïque de photorécepteurs : les cônes et les bâtonnets.

La lumière traverse l’humeur vitrée, est reçue par les bâtonnets et cônes, l’information est traitée par

les neurones (cellules bipolaires et ganglionnaires) qui l’envoie au cerveau via le nerf optique.


9

6

Les cônes (vision diurne)

Il y a trois types de cônes, sensibles à trois longueurs d’ondes différentes : bleu, vert, rouge. Ils sont au

nombre de 6 à 7 millions. Notre sensation de couleur est due à la composition de ces trois types

d’informations. Ils sont concentrés au centre de la rétine. Les cônes « bleus » sont les moins sensibles

à la lumière. Ils permettent essentiellement la bonne vision diurne.

Les bâtonnets (vision nocturne)

Il n’y en a que d’un seul type, 25 à 100 fois plus sensibles à la lumière que les cônes. Ils sont excitables

par les longueurs d’onde que correspondent au bleu. Ils ne permettent pas de voir les couleurs, mais

restituent une vision en noir et blanc. Ils sont situés à la périphérie de l’œil œil qui en compte de 100 à

110 millions.

Voici une Photographie au microscope électronique des cônes (bleus) et bâtonnets (verts) de la rétine.

6 Afterclasse.fr [en ligne] [consulté le 11 octobre 2016] disponible sur http://www.afterclasse.fr/#!fiche/303/de-la-lumiere-aux-couleurs/schema

http://www.afterclasse.fr/#!fiche/303/de-la-lumiere-aux-couleurs/schema


10

7

Conséquences pour la vision

• Vision de jour : les couleurs vert/jaune paraissent plus intenses. Pour voir un objet finement, il faut le regarder de face.

• Vision en pénombre : on voit en noir et blanc. Ce sont les bleus que l’on voit le mieux. Ils apparaissent gris. Les rouges semblent noirs (ils n’ont pas de capteurs à exciter). On voit mieux en vision périphérique.

• L’ordre de grandeur du pouvoir séparateur de l’œil est d’environ 1 mn d’arc (1/60 de degré). Cette performance permet de distinguer deux points espacés d’un millimètre à une distante de 3,4m (c’est la vision 10/10). Certaines personnes ont une meilleure vision.

• A quel pouvoir de séparation cela correspond-il à 15cm ? o 15/340=0.044mm soit [150*tg(1/60°)]. Cela correspond à une finesse d’impression de

582dpi (25,4/0,044) ou 229 points par cm.

Où le pouvoir de séparation de l’œil permet le choix d’une résolution adaptée à

la distance d'observation d'un document en couleurs ?

• 600 dpi : vision à 18 cm

• 300 dpi : vision courante à 35 cm (2x diagonale 10x15)




• 150 dpi : vision à 70 cm (2x diagonale A4)

• 108 dpi : vision à 1 m (2x diagonale A3)

• 90 dpi : vision à 1,20 m

• 70 dpi : vision à 1,50 m

• 55 dpi : vision à 2 m

• 36 dpi : vision à 3 m

7 http://www.lyceedadultes.fr/ - site pédagogique pour adultes [en ligne] [consulté le 11 octobre 2016] Disponible sur http://www.lyceedadultes.fr/sitepedagogique/documents/sciences/sciences1L/02_La_retine_les_photorecepteurs_retiniens_generent_des_messages_sensoriels.pdf

http://www.lyceedadultes.fr/

http://www.lyceedadultes.fr/sitepedagogique/documents/sciences/sciences1L/02_La_retine_les_photorecepteurs_retiniens_generent_des_messages_sensoriels.pdf

http://www.lyceedadultes.fr/sitepedagogique/documents/sciences/sciences1L/02_La_retine_les_photorecepteurs_retiniens_generent_des_messages_sensoriels.pdf


11

Représentations graphiques des couleurs : diagramme de

chromaticité et gamut

Diagramme de chromaticité : représenter les couleurs de façon cartésienne

Le diagramme de chromaticité est une représentation cartésienne des couleurs.

Ce diagramme relie la mesure de la lumière à la perception des couleurs. De façon à pouvoir attribuer

une valeur numérique sans ambiguïté à chaque couleur. Ainsi pour décrire une couleur, on peut le faire

de façon certaine par sa valeur et non plus de façon relative telle que par exemple : c’est rouge, plus

claire, moins saturé…etc.

Cela permet aussi de s’affranchir des interprétations des couleurs dues à leurs mélanges et contiguïtés,

brefs, à leurs interactions.

Voici quelques précisions pour bien comprendre le diagramme de chromaticité :

• Pour réaliser cette représentation graphique des couleurs, on suppose que la couleur est une propriété indépendante de la lumière.

• En décomposant la lumière blanche avec un prisme, on arrive à fabriquer des lumières monochromatiques. Chaque lumière monochromatique est définie par une longueur d’onde et une intensité énergétique.

• Si en mélange 2 lumières monochromatiques, on n’arrive pas à différencier les composantes de couleurs. Donc on se réfère à la lumière blanche pour comparer.

• Pour comprendre les couleurs on se fonde sur la trichromie, c’est-à-dire sur le postulat que 3 couleurs permettent de créer toutes les autres conformément à ce que l’œil humain capte avec ses bâtonnets et cônes : les ondes courtes de la lumière sont de type « bleu », les ondes moyennes sont de type « vert » et les ondes longues sont de type « rouge ».

• Pour comprendre les couleurs on se fonde aussi sur la théorie des couleurs opposées selon laquelle il existe 4 couleurs fondamentales (bleu, jaune, rouge, vert) qui s’opposent deux à deux. Le bleu s’oppose au jaune et le rouge s’oppose au vert.

• Historiquement, les théories de la trichromie et des couleurs opposées furent considérées comme incompatibles jusqu’au milieu du 20ème siècle. Puis la recherche finit par conclure qu’elles se complètent pour expliquer le phénomène des couleurs, donnant ainsi naissance à un modèle hybride ou théorie unifiée.

Jusqu'au milieu du 20e siècle la théorie des couleurs opposées fut considérée comme incompatible avec la théorie trichromatique. Puis les chercheurs conclurent que les deux théories étaient nécessaires pour expliquer tous les processus physiologiques. C'est sous le nom de la théorie des zones (zone theory) qu'un modèle colorimétrique hybride voit le jour. A l'intérieur de l'œil, la couche des cônes trichromatiques serait suivie d'une zone où les signaux RVB serait transformés en signaux antagonistes selon un processus adapté à la luminance et 2 processus adaptés à la chrominance. Les neurones du cerveau seraient donc sensibles uniquement à un système de couleurs antagonistes.


12

A gauche, Les cônes sensibles au rouge et au vert se conjuguent pour donner la sensation de luminosité (blanc/noir), le cône sensible au bleu ne jouant qu'un rôle soustractif négligeable. Au centre, cette même conjugaison s'oppose au bleu pour donner la sensation bleu/jaune. A droite, ces mêmes cônes s'opposent pour donner la sensation vert/rouge.8

Ces différents rappels et considérations étant posés, voici le diagramme de chromaticité CIE xyY.

8 http://www.profil-couleur.com/ - [en ligne] [consulté le 11 octobre 2016] Disponible sur http://www.profil-couleur.com/lc/010-couleur-opposees.php

http://www.profil-couleur.com/

http://www.profil-couleur.com/lc/010-couleur-opposees.php


13

Wikipédia [en ligne] [consulté le 12 octobre 2016] Disponible sur :

https://commons.wikimedia.org/wiki/File:Cie_chromaticity_diagram_wavelength.png#/media/File:Cie_c

hromaticity_diagram_wavelength.png

Les coordonnées y et y définissent la chrominance, c’est-à-dire ce qui caractérise la couleur

indépendamment de son intensité. On a donc une représentation en 2 dimensions de toutes les couleurs

visibles avec nos yeux, sans tenir compte de leur luminance.

Cela vient de l’espace CIE xyz à 3 dimensions. (x, y, z : couleurs primaires - x y : plan de luminance

lumineuse) ramené à 2 dimensions.

La courbe en fer à cheval représente les couleurs pures du rouge extrême au violet extrême. Le point

de coordonnées x=1/3, y=1/3 représente le blanc parfait.

Un point sur le contour caractérise une teinte. La valeur indiquée sur le fer à cheval est sa longueur

d’onde.

GAMUT de couleur

Voici une représentation graphique des couleurs perçues par l’œil humain.

On appelle Gamut de couleur, la partie de l’ensemble des couleurs qu’un appareil peut reproduire (une

imprimante, un scanner, un APN…).

Voici par exemple : « un gamut typique d'écran cathodique. Le fer à cheval en gris représente toute la

gamme des chrominances possibles. Le triangle coloré représente le gamut correspondant à un certain

type d'écran d'ordinateur qui ne couvre pas la totalité de l'espace colorimétrique. Les sommets de ce

triangle sont (pour cet écran) les couleurs primaires additives, c'est-à-dire les trois couleurs que peut

afficher un pixel donné. »

https://commons.wikimedia.org/wiki/File:Cie_chromaticity_diagram_wavelength.png#/media/File:Cie_chromaticity_diagram_wavelength.png

https://commons.wikimedia.org/wiki/File:Cie_chromaticity_diagram_wavelength.png#/media/File:Cie_chromaticity_diagram_wavelength.png


14

Wikipédia [en ligne] [consulté le 12 octobre 2016] Disponible sur : Par Hankwang sur Wikipedia anglais

— Transféré de en Wikipédia à Commons par Aboalbiss., Domaine public,


La synthèse des couleurs

On parle de synthèse additive et de synthèse soustractive.

La synthèse soustractive

La synthèse soustractive est utilisée dans l'imprimerie par exemple. Les couleurs primaires (c'est à dire

les couleurs de base, celles qui mélangées donnent toutes les autres couleurs - les couleurs primaires

sont celles qui ne s'obtiennent pas par mélange) sont le cyan, le magenta et le jaune. On parle de

synthèse soustractive, car pour obtenir du blanc, il ne faut aucune couleur ; En imprimerie, on mélange

des encres de couleurs primaires pour obtenir des couleurs autres que les couleurs primaires. Les

valeurs d'encre utilisées sont exprimées en pourcentage. Si on mélange 100% de cyan avec 100% de

magenta et 100% de jaune on obtient du noir (ou plutôt une sorte de brun noirâtre). Pour avoir du blanc,

c'est à dire la couleur par défaut du papier, il ne faut pas d'encre. C'est pour cela que l'on parle de

synthèse soustractive.



15

La synthèse additive

La synthèse additive est utilisée dans le monde numérique. Les couleurs primaires sont le rouge, le vert

et le bleu. Cette synthèse est aussi celle qui correspond à la vue humaine. Pour obtenir du blanc ou

mélange toutes les couleurs au maximum. (On allume tous les points lumineux de l'écran). En revanche,

pour obtenir du noir, on éteint tout, c'est-à-dire que l'on ne mélange aucune couleur. C'est parce qu'il

faut toutes les couleurs pour l'obtention de blanc, que l'on parle de synthèse additive.

La gestion des couleurs

Profil ICC

Le profil ICC (du nom de son créateur éponyme l’« International Color Consortium ») est un fichier

numérique. Son extension peut être : « .icc » ou « .icm ».


16

Ce fichier décrit comment un périphérique informatique restitue les couleurs et met donc à disposition

des professionnels de la PAO (publication assistée par ordinateur), un moyen de maitriser les couleurs

tout au long de la chaine graphique : cela s’appelle « gérer les couleurs ».

Dans le profil ICC on trouve :

Les données pour convertir les couleurs depuis l’espace colorimétrique source (celui de l’appareil,

périphérique concerné) vers un espace colorimétrique indépendant : Lab ou CIE xyz.

Lab ou CIE xyz sont des espaces normalisés qui couvre tout le spectre des longueurs d’ondes visibles

par l’œil humain.

Le fichier ICC fait le lien entre les coordonnées des couleurs de l’espace colorimétrique du périphérique

et les coordonnées des couleurs de l’espace colorimétrique indépendant, à savoir : Lab ou CIE xyz.

Si le fichier ICC caractérise un APN, un scanner ou un écran, c’est un profil RVB.

Si le fichier ICC caractérise une imprimante, un traceur, une presse offset, c’est souvent un profil CMJN

(mais pas toujours).

En résumer, le fichier ICC permet d’harmoniser le rendu des couleurs sur toute la chaine graphique,

c’est-à-dire entre l’APN, le scanner, l’écran, le traceur, la presse.

Prenons l’exemple du rouge primaire en RVB. Sa valeur est 255,0,0 et ce, quel que soit le périphérique

concerné.

Mais chaque périphérique n’attribue pas la même couleur à cette valeur. Il faut donc transcrire la couleur

255,0,0 en équivalent Lab ou CIE xyY pour chaque périphérique pour permettre d’harmoniser

l’apparence du rouge sur chaque élément de la chaine graphique.

Gérer les couleurs c’est important

L’appareil photo capture la lumière, interprète les couleurs selon son profil colorimétrique propre et lors

de l’enregistrement en jpeg convertit les couleurs en sRGB ou si l’on choisit le format RAW conserve

les caractéristiques d’origine.

On peut très bien choisir de ne pas gérer les couleurs mais c’est une erreur qui donnera bien des

surprises quant à l’aspect des fichiers finaux.

Il faut opter pour la gestion adaptée à ses propres besoins. Il faut bien comprendre que chaque appareil

(APN, imprimante, écran…) a son propre profil ICC et que le passage d’un appareil à l’autre d’un fichier

numérique « image » s’accompagne toujours d’une conversion. (Voir ci-dessus).

Il faut donc calibrer, c’est-à-dire étalonner.

Calibrer c’est décrire les capacités et les limites colorimétriques d’un périphérique et stocker ces

informations dans un document appelé « profil ».

En fait calibrer vient d’une traduction approximative de « calibration » en américain. Donc dans les faits,

calibrer c’est étalonner.

Dans un premier temps, il faut calibrer l’écran pour qu’il simule correctement le sRGB

Et cela n’est pas simple.

Il faut régler :

• La luminance du blanc (cd ou candela par m2)

• La couleur dominante du blanc (k pour kelvin)

• La distribution tonale ou gamma

• La luminance du noir (cd/m2) (candela par m2)

Souvent, sur un écran, il est possible de régler le contraste, donc le blanc.

Tous les autres réglages se font au niveau de la carte vidéo.


17

Pur effectuer le calibrage de l’écran il est préférable de recourir à une sonde. (Périphérique assorti d’un

logiciel qui permet d’effectuer cet étalonnage de façon professionnelle).

Le calibrage de l’écran permet de corriger les erreurs d’affichage et de permettre l’affichage du profil de

travail souhaité, souvent le sRGB.

Les mesures standard sont :

• Luminance : 80 cd/m2 pour PAO, 120cd/m2 pour internet et multimédia. (Plus l’éclairage ambiant est important, plus il faut augmenter ce nombre). Avec un éclairage ambiant correspondant à une source lumineuse de 100 watts placée à 3 m, on compare une feuille de papier blanc avec le blanc de l’écran et cela tourne autour de 100 cd/m2.

• Point blanc de l’écran : Dans les industries graphiques le point blanc est à 5000 k, (ce qui donne une image jaunâtre à l’écran, car les écrans ont souvent un point blanc natif largement supérieur). Si on choisit un point à 6500 k on aura une légère dominante de bleu (mais c’est souvent un meilleur choix pour les écrans). Pour information, le blanc le plus neutre est de 5600 k (sans dominante de couleur) (l’éclairage standard en photographie et de 5500k).

• Le gamma : souvent on préconise un gamma de 2,2. La fonction de simulation de la plage tonale est prise en charge par les profils de travail des logiciels comme Photoshop. Les graphistes utilisent souvent ECI-RGB avec une gamme de 1,8 pour les images, les vidéastes : 2,5, les photographes en vue d’un tirage HD : 2…etc.

• Le point noir : le réglage du noir permet d’optimiser la plage dynamique par recherche du noir le plus sombre possible. Normalement, pour ne pas faire d’erreur, c’est-à-dire ne pas opter pour un noir trop foncé qui entraine une perte de détails sur les images, il faut utiliser une mire (une mire est une règle graduée qui permet d’effectuer des mesures et en matière d’image, c’est un ensemble de forme géométriques qui permettent de faire des réglages). L’idéal est de cible un noir entre 1 et 2% soit en équivalent RVB entre 4,4,4 et 8,8,8.

Photoshop et les couleurs et formats : comment cela

fonctionne-t-il ?

Les profils de travail RVB

Il existe de nombreux profils de travail CMJN, RVB… Cependant les choses sont encore plus

complexes, car il existe de nombreux profils RVB. Il convient donc de choisir le bon profil, celui qui

correspond à la destination des images travaillées dans Photoshop et au GAMUT de l’écran. Il s’agit

donc d’un profil virtuel qui correspond à des paramètres arbitraires et non pas à un matériel particulier.

Voici les profils principaux RVB :

• Les profils standard o sRGB : Gamut (taille de l’espace colorimétrique) standard – Gamma (distribution

tonale) : 2,2 - Point blanc : D65 - Volume : 832 - %lab : 35 - % de couleurs visibles : 100%

o ColorMatchRGB : Gamut (taille de l’espace colorimétrique) standard – Gamma (distribution tonale) : 1,8 - Point blanc : D50 - Volume : 836 - %lab : 35 - % de couleurs visibles : 100%

• Les profils englobant les profils CMJN o Adobe RGB : Gamut (taille de l’espace colorimétrique) élargi – Gamma (distribution

tonale) : 2,2 - Point blanc : D65 - Volume : 1208 - %lab : 51 - % de couleurs visibles : 100%

o ECI RGB : Gamut (taille de l’espace colorimétrique) élargi – Gamma (distribution tonale) : 1,8 - Point blanc : D50 - Volume : 1331- %lab : 55 - % de couleurs visibles : 99,7%

o ECI RGB V2 : Gamut (taille de l’espace colorimétrique) élargi – Gamma (distribution tonale) : 2,42 - Point blanc : D50 - Volume : 1331 - %lab : 55 - % de couleurs visibles : 99,7%


18

• Les profils très larges pour les photographes : o ProPhotoRGB : Gamut (taille de l’espace colorimétrique) très large – Gamma

(distribution tonale) : 1,8 - Point blanc : D50 - Volume : 2879 - %lab : 91 - % de couleurs visibles : 87,3%

o Beta RGB : Gamut (taille de l’espace colorimétrique) très large – Gamma (distribution tonale) : 2,2 - Point blanc : D50 - Volume : 1717 - %lab : 69 - % de couleurs visibles : 99,0%

o Ekta Space : Gamut (taille de l’espace colorimétrique) très large – Gamma (distribution tonale) : 2,2 - Point blanc : D50 - Volume : 1623 - %lab : 66 - % de couleurs visibles : 99,5%

Les critères pour choisir un profil RVB sont les suivants :

• Taille du gamut

• Destination des images (par exemple : sRGB pour le web, ColorMatchRGB pour industrie graphique)

• Savoir s’extraire de la liste restreinte des profils proposés par Adobe et charger son propre profil

• Adapter son choix à ses contraintes professionnelles : le choix d’un profil se fait en collaboration avec tous les acteurs de la chaine graphiques (imprimeurs notamment).

• En dépit de ce qui est dit précédemment et pour simplifier cette démarche, il faut choisir comme profil de travail, entre :

o sRGB : il couvre 99% des besoins des professionnels comme des amateurs. o ECI-RGB : quand on doit fournir un travail CMJN en gardant à l’esprit que le cyan et le

jaune réels ne sont pas affichables à l’écran qui les rend ternes, plus ternes qu’à l’impression, parce que la gamme ECI RGB manque de bleu.

o ADOBE RGB : mais attention c’est plus un standard américain qu’européen.

Les profils vraiment conseillés pour le CMJN

• Coated FOGRA 27

• ISO coated v2

Attention, selon le profil choisi les niveaux d’encre générés peuvent être trop importants pour les presses

des imprimeurs.

En fait le choix d’un profil CMJN doit IMPERATIVEMENT se faire en collaboration avec l’imprimeur, qui

doit indiquer le profil à utiliser ou bien fournir le fichier ICC nécessaire. C’est pourquoi je ne développerai

pas cette partie dans le cadre de ce document.

Si votre imprimeur ne vous assiste pas dans le choix du profil, changez d’imprimeur.

Les couleurs du web

Les couleurs du web sont basées sur du RVB 8 bits et principalement identifiées par leur code

hexadécimal bien que maintenant html 5 / CSS3 permettent le codage RVB avec adjonction de la

transparence ou encore le codage TLS (HSL) (attention cela n’est pas pris en charge par tous les

navigateurs).

Exemple :

• background-color : #FFFFFF ;

• background-color : FFF ;

• background-color : rgb(255,255,255) ;

• background-color : rgba(255,0,0,0.5) ;

• background-color : white;

• background-color : rgb(100%,100%,100%)

• background-color : hsl(199,59%,47%)

Sachant que vous ne pouvez pas maîtriser la façon dont l’écran de l’internaute va afficher les couleurs,

optez pour du sRGB pour le web.


19

Le profil ICC sRGB

Le profil sRGB tient une place à part dans le petit monde des profils RVB, car il a été érigé en standard officiel des images numériques. Sa raison d’être est la représentativité de l’espace colorimétrique d’un écran grand public.

Alors que le RVB est ce qu’on nomme un modèle colorimétrique (une famille d’espaces colorimétriques fondée sur le même principe), le sRGB est un espace colorimétrique bien défini, un profil couleur si vous préférez. Ce n’est pas le profil couleur correspondant à un appareil ou d’un matériel en particulier, mais un profil virtuel représentatif d’une moyenne du parc des écrans actuels.

…

Le standard sRGB propose que tous les écrans informatiques adoptent ce profil colorimétrique et propose en amont de produire des images adaptées à cette norme.

La norme est relativement bien suivie, la plupart des écrans actuels essayent de s’en rapprocher. Mais ce n’est pas toujours évident, car un grand nombre de dalles entrée de gamme n’ont pas un gamut suffisant pour reproduire entièrement le sRGB. Les appareils photo numériques offrent le sRGB comme profil par défaut et les tirages photo numériques se font presque exclusivement depuis cet espace sRGB. Pour toutes ces raisons, on considère que tout fichier image qui ne possède

Pour en savoir plus, consultez cet article : Blog couleur [en ligne] [consulté le 116 octobre 2016]

Disponible sur : http://www.blog-couleur.com/?Qu-est-ce-que-le-sRGB

http://www.blog-couleur.com/?Qu-est-ce-que-le-sRGB


20

9

Les préférences couleurs de Photoshop

Menu Edition / couleurs.

Quand on traite une photo numérique (venant d’un APN, du web ou d’un scanner), les couleurs sont

exprimées par des nombres. Or tous les appareils ne voient pas et donc n’interprètent pas les couleurs

de la même façon, ainsi qu’argumenté depuis le début de ce document. Ce qui veut dire que pour une

même valeur numérique, la couleur reproduite ne sera pas la même. Il faut donc créer une langue

commune à tous les appareils.

9 Blog couleur [en ligne] [consulté le 116 octobre 2016] Disponible sur : http://www.blog-couleur.com/?Qu-est-ce-que-le-sRGB




21

Pour avoir une chaine graphique cohérente, on définit des espaces de couleurs, indépendants des

périphériques dans lesquels une valeur numérique donne une couleur précise.

Pour assurer cette cohérence, cette interprétation des couleurs doit être inscrite dans toute image.

In convient donc de définir correctement l’espace RVB et l’espace CMJN. Une fois les deux espaces

qui précèdent choisis, il reste à choisir les espaces des niveaux de gris.

Pour un photographe, il convient de privilégier sRGB et choisir en niveaux de gris les espaces avec la

même plage tonale (gamma).

(Précisions que pour coordonner les profils et comportements des couleurs dans les logiciels

Photoshop Illustrator InDesign, il est possible d’effectuer une synchronisation dans Bridge.)

Pour les photographes : priorité au RVB, pour les imprimeurs ou maquettiste priorité au CMJN.


22

Voici les paramétrages que je propose. En RVB je choisis le SRGB car c’est le plus utilisé par les

différents périphériques et qu’il est souvent enregistré dans les exif des images que l’on traite. Mais en

fait, sachant que, concernant mes images je les travaille exclusivement en RAW j’aurais plutôt intérêt à

sélectionner l’espace de travail le plus étendu possible et convertir en sRGB à l’issue du traitement des

images uniquement.

Voici comment les couleurs sont gérées.


23

Quand on ouvre une image dans Photoshop, Photoshop analyse son profil et le compare à celui de

votre espace de travail.

Si le profil de l’image est celui de l’espace de travail, tout va bien, l’image s’ouvre sans autre forme de

procès.

Le profil de l’image est différent de l’espace de travail, Photoshop interroge l’utilisateur pour savoir s’il

faut utiliser le profil enregistré dans l’image ou celui enregistré dans l’espace de travail ou bien encore

désactivé la gestion des couleurs.

Le comportement global dépendra de ce que vous aurez paramétré dans la zone « Règles de gestion

des couleurs » de la boite de dialogue « couleurs ».

Si l’image provient d’un matériel de qualité médiocre, il se peut qu’elle n’ait pas de profil attaché, auquel

cas il est conseillé de lui attribuer le profil sRGB qui est selon toute vraisemblance celui de l’image.

Attention, si vous utilisez la fonctionnalité « enregistrer pour le Web » du menu « fichier », les données

IPTC et EXIF et l’indication du profil de couleur seront supprimées et l’image sera convertie en sRVB.

Quand on utilise un scanner, c’est un peu différent, la plupart du temps, on peut choisir entre les profils

sRGB et Adobe RVB et souvent le scanner attribue le bon profil (mais ce n’est pas toujours le cas).

Commentons la boite de dialogue « couleurs » de Photoshop.

Paramètres : liste déroulante proposant des réglages prédéfinis.

Espaces de travail :

Sélection des profils de travail (personnalisés ou correspondant aux paramètres prédéfinis sélectionnés.

Gestion des couleurs : paramètres du comportement de Photoshop à l’ouverture des fichiers.

Options de conversion : Le choix du moteur Adobe s’avère un peu plus performant que le moteur

Microsoft. Le mode « colorimétrie relative » est celui qui couvre le plus de besoins, mais quand une

image provient d’un espace plus large est doit être converti vers un espace plus petit (de RVB vers

CMJN par exemple) et que ses couleurs sont très saturées, il est préférable d’opter pour le mode

« perception ».

Laisser cocher les cases des options de conversion, qui semble-t-il améliore la conversion. (Selon ce

que j’ai lu à diverses reprises, mais de serai bien en peine s’il fallait vous expliquer pourquoi).

Désaturer les couleurs du moniteur : décocher dans le cas du sRGB et cocher quand l’espace de

travail à un gamut plus grand que l’écran. (en général entre ADOBERGB et sRGB on désature de 12%.)

Les couleurs et le gamma : il faut fusionner les couleurs et le gamma. Le gamma standard est souvent

destructeur de couleurs. Travailler avec un gamma de 1, c’est travailler avec une répartition linéaire des

luminances et ainsi éviter des aberrations chromatiques.

Les modes colorimétriques de Photoshop

• RVB

• CMJN

• Lab

• Niveaux de gris

• Bitmap

• Bichromie

• Couleurs indexées

• Multicouche

RVB : chaque couleur primaire est disponible en 256 valeurs de 0 à 255. Un gris est obtenu par addition

d’une valeur identique de rouge, vert et bleu. Les informations chromatiques peuvent être données en

24 bits (8 bits par couche), 48 bits (16 bits par couche : 16,7 millions de couleurs) ou 96 bits (32 bits par

couche).


24

CMJN : les trois couleurs primaires sont déclinées en pourcentages d’encre, de 0 à 100%.

Lab : ce modèle de couleur CIE Lab s’approche le plus de la perception des couleurs par l’œil humain.

Il est indépendant du périphérique utilisé contrairement aux autres. L = luminance (de 0 à 100), a =

composante de couleur sur un axe vert-rouge (de -128 à + 127), b = composante de couleur sur un axe

bleu-jaune (de -128 à + 127). Lab est supporté par les format EPS, PSB, Pdf, Photoshop, Tiff,

Photoshop DCS1.0 et Photoshop DCS2.0

Niveau de gris : les images de 8 bits sont composées de 256 nuances de gris et plus pour les images

de 24 et 32 bits. (on définit la couleur par un pourcentage de noir. 0% est blanc, 100% est noir.

Bitmap : utilise uniquement du noir et du blanc pour définir une image (image en 1 bit, en mode point,

de profondeur 1.

Bichromie : images en niveaux de gris utilisant la monochromie, bichromie, trichromie ou

quadrichromie (de 2 à 4 couleurs d’encres personnalisées).

Couleurs indexées : fichiers de 8 bits de 256 couleurs maximum, pour des fichiers légers, pour le web

notamment.

Multicouche : 256 niveaux de gris par couche dans une image. Pour des impressions spécialisées.

Ce mode ne prend pas les calques en charge, ne concerne que les tons directs et le format

Photoshop Dcs 2.0 (les images en couleurs indexées ou 32 bits ne peuvent pas être converties en

« multicouche ».

Les modèles colorimétriques de Photoshop

Afficher le sélecteur de couleur par clic sur la couleur de premier plan par exemple.

Lab, RVB, CMJN ont été décrits plus haut.

TSL : (acronyme de Teinte, Saturation, Luminosité). Modèle intuitif basé sur le ressenti humain (=HSL

Hue, Saturation, Lightness). T varie de 0 à 360, car cela correspond aux couleurs positionnées sur la

roue chromatique. Saturation et luminosité sont indiquées en pourcentage.

Code hexadécimal : les couleurs peuvent aussi être repérées à l’aide de leur code hexadécimal.

Ce sélecteur donne accès à des bibliothèques de tons directs :

• ANPA COLOR (concerne la presse)

• DIC COLOR GUIDE (utilisé au Japon pour l’impression)

• FOCOLTONE : permet de gérer les surimpressions en imprimerie

• HKS : pour des projets d’impression en Europe


25

• Pantone

• TOYO Color Finder 1050

• Trumatch…etc

Les couleurs sont aussi accessibles via la palette « couleurs » et le nuancier.

Les couleurs web sécurisées : il s’agit de 216 couleurs utilisées par tous les navigateurs sur toutes les

plateformes.

Le choix d’une couleur non sécurisée pour le web est indiqué par un cube.

Les spectres permettent d’identifier les couleurs non imprimables en les marquant avec un triangle.


26

Une couleur peut donc être présente dans une gamme et non imprimable en CMJN. Si l’on sélectionne

une couleur non imprimable, l’équivalent CMJN le plus proche s’affiche.

Si vous souhaitez imprimer en CMJN en document RVB il vous faudra changer le mode colorimétrique

du dit document et avec des surprises quant aux couleurs définitives.

En amont, il est possible de rechercher les couleurs non imprimables pour les gérer.

Tout d’abord, afin de visualiser correctement ces couleurs, il convient de paramétrer les alertes relatives

à ces couleurs. Menu : Edition / préférences / couleurs non imprimables.

Puis Menu : Affichage / format d’épreuve (sélection du profil d’épreuve en fonction duquel il convient

d’identifier les couleurs non imprimables).


27

Puis Menu : affichage / couleurs non imprimables.

Formats de fichiers et couleurs

Photoshop propose l’enregistrement sous plusieurs types de fichiers et traite par la même plusieurs

types d’extension.

• Format par défaut : psd (conserve les calques, les masques, les sélections…etc. Taille maximale du fichier : 2 Go). Ce format prend en charge toutes les fonctionnalités de Photoshop.

• PSB : format Photoshop pour les fichiers de plus de 2 Go. Ce format prend en charge toutes les fonctionnalités de Photoshop.

• Les fichiers de plus de 2 Go peuvent aussi être pris en charge par les formats : Photoshop Brut (images aplaties seulement), TIFF (jusqu’à 4 Go) ou DICOM.

• Les images de 8 bits par couche correspondent au codage standard. Cependant, pour obtenir des plages de couleurs plus importantes, on peut opter pour du 16 ou 32 bits.

• Les formats prenant en charge les images de 16 bits par couche sont : Photoshop, Format de document volumineux (PSB), Cineon, DICOM, IFF, JPEG, JPEG 2000, Photoshop PDF, Photoshop Brut, PNG, Portable Bitmap, et TIFF.

• La commande « enregistrer pour le web convertit automatiquement les images en SRVB 8 bits par couche.

• Les formats prenant en charge les images de 32 bits par couche sont : Photoshop, format de document volumineux (PSB), OperEXR, Portable Bitmap, Radiance et TIFF.

• Photoshop 2.0 : correspond au format de la version 2 de Photoshop, l’export vers ce format aplatit l’image.

• Photoshop DCS 1.0 et 2.0 : Le format DCS (Desktop Color Separations), est inspiré du format EPS standard. Il permet d’enregistrer les séparations de couleurs des fichiers CMJN. On peut exporter des images contenant des couches de ton direct au format DCS 2.0. Un fichier Photoshop DCS doit être imprimé sur une imprimante PostScript.

• Format EPS : acceptant les données graphiques ou vectorielles, ce format est pris en charge par la plupart des applications graphiques. Il prend en charge la plupart des modes colorimétriques.


28

• Photoshop Brut : format de fichier souple utilisé pour transférer des images entre plusieurs applications et plates-formes - prend en charge les images en mode CMJN, RVB et Niveaux de gris avec des couches alpha, ainsi que des images en mode Multicouche et Lab sans couche alpha – ne supporte pas les calques.

• Format Digital Negative (DNG) : format de fichier qui contient les données d’image brutes d’un appareil photo numérique, ainsi que les métadonnées de signification des données. format public Adobe d’archivage des fichiers Camera Raw

• BMP : format d’image Windows standard utilisé sur les ordinateurs compatibles Windows. Il prend en charge les modes RVB, Couleurs indexées, Niveaux de gris et Bitmap.

• Cineon : Développé par Kodak - format numérique 10 bits par couche adapté à la composition, la manipulation et l’amélioration des images électroniques. Permet de produire une image sur pellicule sans perte de qualité - utilisé avec Cineon Digital Film System, qui permet de transférer des images provenant de pellicules au format Cineon, puis de les transférer à nouveau sur pellicule.

• DICOM : utilisé pour le transfert et le stockage d’images médicales.

• GIF : pour afficher des graphiques et des images à couleurs indexées dans des documents HTML. Le format GIF est un format compressé LZW conçu pour réduire à la fois la taille du fichier et le temps de transfert électronique. Gère les transparences mais pas les couches alpha.

• IFF : format généraliste de stockage de données pouvant associer et stocker plusieurs types de données différents. Le format IFF est portable et dispose d’extensions prenant en charge les données audio, musicales, vidéo, textuelles et d’arrêt sur image

• JPEG : Le format JPEG prend en charge les modes CMJN, RVB et Niveaux de gris, mais pas les transparences.

• PDF : (Portable Document Format)

• OpenEXR : vidéos - effets visuels pour la création d’images HDR - images 32 bits/couche

• PICT : utilisé dans les logiciels d’illustration et de mise en page sur Mac OS

• Pixar : voir https://helpx.adobe.com/fr/photoshop/using/file-formats.html

• PNG : variante open source du format GIF

• Bit Map : images monochromes…

• Radiance : voir https://helpx.adobe.com/fr/photoshop/using/file-formats.html

• Scitex CT : voir https://helpx.adobe.com/fr/photoshop/using/file-formats.html

• TIFF : format d’image bitmap souple pris en charge par la plupart des applications de dessin, de retouche d’images et de mise en page. La quasi-totalité des scanners de bureau peuvent produire des images TIFF. La taille maximale des documents TIFF est de 4 Go

• WBMP : voir https://helpx.adobe.com/fr/photoshop/using/file-formats.html

Roue ou cercle chromatique : quand les couleurs expriment

des intentions et/ou s’adaptent à des chartes graphiques

Représentation circulaire des couleurs

• Les couleurs primaires sont situées à 120° les unes des autres.

• Les couleurs secondaires alternent avec les couleurs primaires. Elles sont situées à 120° les unes des autres.

• La complémentaire d'une couleur lui est diamétralement opposée sur le cercle.

• Les couleurs primaires sont prépondérantes parce que plus visibles.

• L’apparence du cercle dépend des couleurs primaires choisies.

• Le cercle est indépendant du type de synthèse additive ou soustractive, seul le rôle des couleurs change.

Utiliser la roue chromatique d’ADOBE

L'outil Adobe : un outil incontournable pour associer correctement les couleurs, quel que soit le domaine

d'application :

https://helpx.adobe.com/fr/photoshop/using/file-formats.html





29

https://color.adobe.com/fr/create/color-wheel/

Roue chromatique Adobe CC

Cet outil vous permet de créer des thèmes de couleurs utilisables dans tout projet. La roue propose des

associations de couleurs selon différentes règles : semblable, Monochrome, triade, complémentaire,

composite…etc.).

thème de couleurs

Vous pouvez aussi accéder à des thèmes de couleurs créés préalablement par d’autres personnes.

https://color.adobe.com/fr/create/color-wheel/


30

Les thèmes populaires

Enfin, vous pouvez créer des thèmes de couleurs à partir de vos photos.

Si besoin, connectez-vous à l’aide de vos identifiants Adobe (si vous n’en avez pas, créez un compte

gratuitement).

Cliquez sur le pictogramme représentant un appareil photo.

Charger sa propre photo

Sélectionnez votre photo à l’aide de l’explorateur. Choisissez l’atmosphère souhaitée et vous obtenez

votre thème de couleurs. Pour un peintre c’est un outil fabuleux.


31

l’atmosphère de couleur

Charger une image pour trouver un thème de couleurs


32

Taxinomie des couleurs

• Couleurs primaires : jaune, rouge, bleu - elles ne peuvent être obtenues à partir d'autres couleurs. Leurs combinaisons permettent d'obtenir toutes les autres couleurs.

• Couleurs secondaires : créées par combinaison de 2 couleurs primaires. (Jaune + rouge = orange ; rouge + bleu = violet ; jaune + bleu = vert).

• Couleurs tertiaires : combinaison d'une couleur primaire avec une couleur secondaire.

• Couleurs complémentaires : couleurs qui se situent de façon opposée sur la roue chromatique. Quand elles sont mélangées elles se dénaturent et se neutralisent. Leur juxtaposition augmente l'impression d'intensité.

• Couleurs monochromatiques : couleurs créées à partir de différentes valeurs d'une même teinte. On les obtient en ajoutant du blanc ou du noir à une couleur. Un document monochromatique est perçu comme homogène.

• Couleurs adjacentes : couleurs voisines sur la roue chromatique. (Document homogène mais plus varié que le document monochrome).

• Couleurs triadiques : trois couleurs équidistantes sur la roue chromatique. Documents vivants et dynamiques.

• Couleurs quadratiques : quatre couleurs équidistantes sur la roue chromatique ou mutuellement symétriques sur la roue chromatique.

Comment utiliser les couleurs ?

Voici quelques indications (pour ne pas faire d'erreur, Illustrator avec ses bibliothèques de couleurs et

tous les outils liés à la couleur est d'une aide précieuse).

• Pour éviter une concurrence de couleurs : la couleur dominante est atténuée en la dé saturant (ajout de gris neutre), ou bien en modifiant sa valeur (par éclaircissement ou par assombrissement).

• Une couleur tonique est utilisée pure ou très saturée.

• L’association de couleurs analogues (2 ou 3 teintes voisines sur la roue chromatique) est agréable à regarder. Elle est utilisée pour représenter la nature.

• L’association de 2 couleurs complémentaires est harmonieuse. Si on modifie une des couleurs avec du blanc, du noir ou du gris, il faut modifier la deuxième exactement de la même façon.

• Accord triadique : il est harmonieux si le triangle formé par les couleurs est équilatéral, et plein de caractère dans le cas de triadique réalisé avec des couleurs secondaires. Si le triangle formé par les 3 couleurs est isocèle, on obtient un résultat comme pour les couleurs complémentaires mais moins tendu, plus adouci.

• Association de quatre couleurs : il faut toujours respecter la règle de symétrie des couleurs choisies pour obtenir une composition harmonieuse.

Les différents types de contrastes

Les couleurs interagissent entre elles et se confrontent à leur environnement. Le théoricien de la couleur

Johannes Itten a mis en avant, au début du 20ème siècle, 7 types de contrastes colorés, dont la

connaissance constitue un outil très utile pour la réalisation de différents projets artistiques et visuels.

Contraste de la couleur en soi

Expression forte des couleurs pures (voire primaire pour le contraste le plus fort), éventuellement

mixées avec d’autres couleurs qui sont de moindre force.

C'est le plus simple des sept contrastes de couleurs. Pour le représenter il faut au moins trois couleurs de nature nettement différente et pures (non altérées) Effet maximum : il est donné par les trois couleurs primaires. L'orangé le vert et le violet sont plus faibles dans leur caractère. Ce contraste s'affaiblit à mesure que l'on s'éloigne des primaires.

http://pedagogie2.ac-reunion.fr/aa/pedago/theorie/couleur/contrast/en_soi.html

http://pedagogie2.ac-reunion.fr/aa/pedago/theorie/couleur/contrast/en_soi.html


33

Contraste maxi contraste des primaires Contraste atténué

Contraste clair-obscur

C'est le contraste des valeurs. - Effet maximum : Le noir opposé au blanc. En couleur le violet (couleur sombre) opposé au jaune (couleur claire) - On l'atténue : En choisissant des couleurs correspondant à des gris (valeurs) proches. - Valeur expressive du gris :

Le gris neutre (blanc+noir) est très facilement influençable par les contrastes de tons et de couleurs.

• Il peut se teinter de la complémentaire de la couleur environnante.

• Il affaiblit et adoucit les couleurs qui l'approchent.

• Il peut lier par sa neutralité un ensemble de fortes oppositions de couleurs.

On peut obtenir le gris en mélangeant :

• du noir et du blanc

• les trois primaires

• une paire de couleurs complémentaires

http://pedagogie2.ac-reunion.fr/aa/pedago/theorie/couleur/contrast/obscur.html

http://pedagogie2.ac-reunion.fr/aa/pedago/theorie/couleur/contrast/obscur.html


34

Contraste chaud-froid

C'est le contraste entre des couleur qui par leur nature nous suggèrent le froid ou le chaud.

Exemples : - Le rouge, l'orangé le jaune suggèrent le feu les braises, les flammes d'où un sentiment de chaleur.

Le vert le bleu le violet nous font penser à des choses de nature froide comme la végétation, l'eau et le ciel.

Effet maximum : opposition du bleu-vert et du rouge orangé. Les autres couleurs vont réagir différemment selon qu'elles se trouvent à côté de couleurs plus chaudes ou plus froides qu'elles. Le caractère des couleurs chaudes ou froides peut encore se définir autrement :

Froid : ombragé

Chaud : ensoleillé

mais aussi à l'aide d'autres adjectifs opposés tels que : transparent- opaque, calmant- excitant, léger-lourd, fin-épais aéré-terreux, lointain-proche, humide-sec.

http://pedagogie2.ac-reunion.fr/aa/pedago/theorie/couleur/contrast/froid.html

Les objets de couleurs chaudes paraissent plus proches visuellement que ceux de couleurs froides

même si la distance qui les sépare de l’observateur est identique.

http://pedagogie2.ac-reunion.fr/aa/pedago/theorie/couleur/contrast/froid.html


35

Contraste successif ou contraste des complémentaires

L’œil produit instinctivement un équilibre des couleurs. Si l’on regarde une couleur fixement puis que

l’on ferme les yeux et que l’on regarde ensuite une surface blanche, l’œil voit la même forme que

précédemment mais dans sa couleur complémentaire. Par exemple un carré rouge, donnera un carré

vert sur la feuille blanche.

Le contraste successif désigne donc deux couleurs dont le mélange donne un gris neutre. Couleurs

opposées sur le cercle chromatique, leur rapprochement avive leur luminosité, leur mélange les détruit.

(ex : jaune-violet , Bleu-Orange, Rouge-Vert).

Par contraste successif, on caractérise donc le fait que l’œil, pour une couleur spécifique, exige, ensuite

(successivement), le couleur complémentaire qu'il produit ou génère lui-même si elle n'est ne lui est pas

donnée sur ce qu’il observe.

Plus scientifiquement, « le contraste successif consiste à présenter à un observateur une couleur unie qui engendre chez lui une fatigue visuelle des capteurs concernés. Lorsque la fatigue est établie, on lui présente un objet dont la perception ne peut plus se faire qu'avec les capteurs encore valides. Il perçoit l'objet dans la couleur de la teinte complémentaire à celle avec laquelle on a fatigué son œil. Un exemple : on roule dans un tunnel éclairé avec des lampes orange ; en sortie de tunnel, et pendant une quinzaine de secondes, tout le paysage nous apparaît bleu. »

http://www.futura-sciences.com/sciences/dossiers/physique-couleur-mysteres-757/page/17/

Contraste simultané

Le contraste simultané est le débordement optique complémentaire d'une couleur sur la couleur opposée. La juxtaposition des couleurs semble créer des variations dans celles-ci. Lorsque nous percevons une couleur, nous percevons simultanément la couleur complémentaire correspondante. Cette dernière répand ses rayons sur la couleur initiale.

Notre système visuel, pour garder son équilibre, exige, pour une telle couleur, sa complémentaire et la produit si on ne la lui donne pas. En effet, notre œil, en contemplant une couleur, génère sa couleur complémentaire et projette cette image rémanente sur les objets environnants.

Cette impression colorée n'existe pas réellement. C'est un phénomène physiologique. Cet effet simultané se produit également entre une couleur pure et un gris. C'est vrai aussi entre deux couleurs pures qui ne sont pas totalement complémentaires. Chacune des deux couleurs cherche à repousser l'autre vers sa complémentaire.




36


Le contraste simultané induit donc que notre œil, pour une couleur donnée, exige, en même temps, sa

complémentaire et donc, si elle ne lui est pas fournie, qu’il la « fabrique » lui-même. De même, l’œil

colore un gris neutre de la couleur complémentaire à celle qui lui est juxtaposée.

Exemple : un cercle rouge sur un fond blanc s'auréolera d'une zone verdâtre (vert, complémentaire du

rouge)

Sur l’image qui précède, si vous la visualisez en taille réelle, les personnages réellement gris

apparaissent verdâtres. (vert : complémentaire du rouge).

Contraste de qualité

Les couleurs saturées sont lumineuses et peuvent être opposées à des couleurs ternes ou éteintes.

Pour diminuer la qualité optimale d’une couleur (saturation maximale), on peut :

• Lui ajouter du blanc pour la refroidir

• Lui ajouter du noir pour la tuer ou l’éteindre

• Lui ajouter du gris pour la désaturer

• Lui ajouter de sa couleur complémentaire.

•

Contraste de quantité

Le contraste de quantité est relatif à la surface dédiée aux couleurs. C’est la comparaison des surfaces

couvertes par telle ou telle couleur. Les couleurs ne dégagent pas toutes la même puissance, aussi

pour s’équilibrer il faut mémoriser les rapports suivants (par exemples) :

Jaune 25% violet 75%

Bleu 67% orange 33%




37

Vert 50% rouge 50%.

Visibilité des couleurs

(De la plus à la moins visible)

• Jaune

• Orange

• Rouge

• Vert

• Bleu

• Violet

Le contraste joue un rôle dans la visibilité. Des contrastes efficaces sont :

• Jaune - noir

• Jaune - violet

• Jaune - bleu

• Jaune – rouge

Sensations, émotions et couleurs

• Couleurs chaudes - stimulation, animation, vivacité, effort - jaune, orange, rouge vif

• Couleurs froides - inaction, mélancolie, dépression - vert, bleu, violet

• Association bleu orange rouge - provoque des sensations agréables

• Rouge : passion, excitation

• Jaune : enjouement, gaité

• Vert : apaisement, tranquillité

• Bleu : repos, réflexion

• Violet : sophistication, romantisme,

• Brun : authenticité, mélancolie

Trois couleurs pour les émotions primaires

• Surprise (étonnement, stupéfaction), couleur dominante et déclenchant : orange, associé (et renforcé par) au blanc et au vert-amande.

• Joie (satisfaction, jubilation), couleur dominante : rouge, associé au bleu et au jaune.

• Peur (anxiété, panique), couleur dominante : noir, associé au vert et au violet.

• Dégoût (mépris, répulsion), couleur dominante : beige, associé au rouille et lie de vin.

• Tristesse (ennui, accablement), couleur dominante : noir, associé au violet et au gris anthracite.

• Colère (irritation, rage), couleur dominante : rouge, associé au noir et au cyan.


38

Couleurs et symbolique

Jaune

• Positif : merveilleux, sublimation, intellect, science, sagesse

• Négatif : envie, trahison, doute, méfiance, fausseté, erreur

• Référents : soleil, lumière, chaleur, plénitude, or, richesse…

Orange

• Positif : rayonnement, bienveillance

• Négatif : orgueil

Rouge

• Positif : activité, puissance, ardeur, courage, amour spirituel

• Négatif : force démoniaque, agressivité, ostentation

• Référents : sang, cœur, amour, lutte, mouvement, action…

Vert

• Positif : espérance, satisfaction, fécondité, union de la science et de la foi

• Négatif : mystère, paresse, vulgarité

• Référents : nature, repos, fraicheur…

Bleu

• Positif : spiritualité, introversion, méditation, profondeur, humilité, foi, immortalité

• Négatif : passivité, crainte, égarement, deuil

• Référents : air, légèreté, transparence, eau, glace, lumière…

Violet

• Positif : amour céleste, domination spirituelle, dévouement

• Négatif : inconscient, superstition, secret, menace, effroi

• Référents : spirituel, mystère, pénombre…

Associer les couleurs et les idées (résultat des recherches de Michel

Pastoureau)

• Blanc : dieu, paix, pur, virginité, propre, simple, éternel, neutre, heureux, innocent, chaste, hygiénique, discret, élégant...

• Bleu : infini, rêve, doux, élévation, profondeur, mystère, romantisme, mélancolie, passivité, calme, protection, noblesse, préciosité

• Rouge : vitalité, joie, passion, danger, violence, puissance, énergie, créativité, changement, fête, activité, amour, érotisme, interdiction, colère, révolte, agressivité, luxe, ostentation, domination

• Vert : nature, fatalité, espérance, étrangeté, transgression, poison, fraicheur, santé, dessin, hasard, chance, désordre, malédiction, folie, malheur

• Jaune : folie, lumière, richesse, extravagance, acidité, mélancolie, chaleur, tonus, prospérité, mensonge, trahison, maladie

• Noir : mort, peur, solitude, renoncement, humilité, enfer, luxe, haine, néant, profondeur, angoisse, panique, tristesse, désespoir, austérité, bigoterie, modestie, tempérance, faute, pêché, modernité, élégance, violence, malhonnête.


39

Harmonie et dissonance des couleurs

Comment créer une atmosphère (design, habillement, packaging, décoration d'intérieur, affichage).

• Clamer : rouge + oranges, verts, jaunes, bleus

• Exciter : rouge + verts, bleus, jaunes, noir

• Calmer : vert + bleus, mauves, gris

• Ressourcer : vert + bruns, marrons, noir

• Réchauffer : jaune + bruns, beiges, oranges, rouges

• Rafraichir : rouge + jaunes, bleus, noir

• Féminiser : mauve + beige, violets, bleus pâles


40

Vocabulaire

Terme Définition

Camaïeu Harmonie ton sur ton

Une seule couleur déclinée sur plusieurs tons clairs ou foncés

Colorant Substance qui colore : pigment (souvent insoluble) ou teinture (soluble)

Couleur Information colorimétrique enregistrée par l’œil selon la teinte, la

luminosité…etc

Couleur d’un corps Couleur issue des radiations réfléchies par ce corps

Couleur primaire Couleur qui ne peut être obtenue par mélange

Couleur rabattue ou

dégradée

Couleur assombrie par du noir ou éclaircie par du blanc

Couleur rompue Couleur atténuée par une pointe de sa complémentaire

Couleur saturée Couleur pure ou franche

Couleurs

complémentaires

2 couleurs opposées sur le cercle chromatique – la complémentaire

d’une couleur primaire est le mélange des deux autres primaires

Pour peindre l’ombre d’un objet rouge par exemple on utilise du gris

avec une pointe de vert (la complémentaire du rouge)

Le mélange de 2 complémentaires donne du gris

Couleurs primaires

d’un mélange additifs

Rouge Vert Bleu

Couleurs primaires

d’un mélange

soustractif

Cyan Magenta Jaune

Couleurs ternaires Mélange de trois primaires en proportions variables

Couleurs ternaires Mélanges de trois primaires en proportions variables

Beige, gris, brun…

Equilibre des masses Une composition doit être équilibrée en masse, et valeur des couleurs.

On distingue 3 masses réparties sur toute la surface :

• Une masse dominante (la plus grande)

• Une masse médiante (qui occupe la plus grande partie restante)

• Une tonique (petites touches)

La répartition des masses

L’équilibre des masses est la disposition d'éléments dans l'espace à 2

ou 3 dimensions destinée à garantir l'harmonie, la stabilité.


41

Terme Définition

Une masse est une quantité de formes, de matières, de valeurs, de

matériaux.

Graphisme Activité qui associe : typographie, illustration, photographie, mise en

page, impression à destination de la promotion, l’information,

l’instruction.

Harmonie

monochrome

Une couleur de base et des nuances de cette couleurs (couleurs

proches sur le cercle chromatique)

Liant Permet au pigment de coller sur le support – vecteur de la couleur

Au Moyen Age apparition de l’huile comme liant

Exemples de liants : œuf, huile de lin, huile de pavot, huile de noix, au,

eau gommée avec de la gomme arabique, caséine de lait…

Lithographie Inventée par Aloys Senefelder, à partir de 1796, en Allemagne, mais

définitivement mise au point dans les premières années du XIXe siècle,

la lithographie (du grec lithos, « pierre » et graphein, « écrire ») est une

technique d’impression qui permet la création et la reproduction à de

multiples exemplaires d’un tracé exécuté à l’encre ou au crayon sur une

pierre calcaire. https://fr.wikipedia.org/wiki/Lithographie

Médium Liant de pigments qui modifie la texture d’une peinture (empâtement,

opacité, transparence…etc.)

Mélange mécanique Mélange de couleurs sur la palette

Mélange optique Mis en lumière par le chimiste Chevreul en 1839 dans un ouvrage sur

la loi du contraste simultané des couleurs et l’assortiment des objets

colorés. La juxtaposition ou la proximité de deux couleurs entraine un

mélange instinctif par l’œil (voir le travail des impressionnistes et des

pointillistes (au lieu de mélanger du bleu et du jaune sur la palette, pour

obtenir du vert, il suffit de juxtaposer ces deux couleurs et l’œil fait le

mélange)

Nanomètre 10 puissance -9 m = 10^-9m

Newton (Isaac) Physicien qui en 1704 donne la première interprétation de la décomposition

de la lumière blanche (celle émise par le soleil) au travers d’un prisme

Nuance Mélange d’une teinte pure et d’une teinte voisine

Pigment Matière de la couleur naturelle ou de synthèse. Par exemples :

• Noir : os calciné, charbon de bois

• Blanc : gypse, plâtre…

• Vert : extrait de cuivre

• Bleu : azurite, lapis-lazuli…

• Jaune de zinc (jaune citron) : chromate de zinc

• Rouge vermillon : sulfure de mercure (fort pouvoir couvrant) ou

minium

• Bleu de Prusse : fer

https://fr.wikipedia.org/wiki/Lithographie


42

Terme Définition

• Rouge violacé : jus de betterave

• Rouge : oignons trempés dans du vinaigre

• Jaune : racines de carottes bouillis, safran

• Indigo foncé : feuilles de guède broyées

• Blanc de céruse : dérivé du plomb

Polychromie 3 ou 4 couleurs très différentes, idéalement situées à égale distance sur

le cercle chromatique.

Ou

3 couleurs voisines et la couleur opposée

Ou

De couleurs voisines et 2 voisines opposées

Prisme « bloc de verre taillé, composé classiquement de trois faces sur une

base triangulaire mais pouvant adopter des formes plus complexes et

éloignées du prisme à base triangulaire usuel. C'est un instrument

optique utilisé pour réfracter la lumière, la réfléchir ou la disperser. Des

prismes spéciaux peuvent aussi servir à diffracter la lumière, la polariser

ou en séparer les polarisations ou encore créer des interférences. »

https://fr.wikipedia.org/wiki/Prisme_(optique)

Répartition des

valeurs

Dominante claire : il faut associer une médiante foncée et une tonique

moyenne ou une médiante moyenne et une tonique foncée

Dominante foncée : il faut une médiante claire et une tonique moyenne

ou une médiante moyenne et une tonique claire.

Dominante moyenne : médiante foncé et tonique claire, ou médiante

claire et tonique foncée.

Spectre visible Entre 800 nm (rouge) et 400 nm (violet) -

Synthèse additive Concerne les couleurs émises

Synthèse

soustractive

Concerne les couleurs réfléchies

Teinte Couleur réelle : rouge, vert, bleu, violet…

Ton Variation d’une teinte par ajout de noir ou de blanc

Valeur Valeur caractérisant le clair ou le foncé d’une teinte

https://fr.wikipedia.org/wiki/Prisme_(optique)


43

Bibliographie

• L'art de la couleur de Johannes Itten

• La couleur et ses accords de Robert Montchaud

• Wikipédia

• Les fondamentaux du design graphique – Dunod

• http://www.profil-couleur.com/

http://www.profil-couleur.com/