Savoir utiliser les couleurs

Savoir utiliser les couleurs
Infographie / Beaux-Arts
28/11/2014
www.emmanuelle-menny-fleuridas.com
Utiliser les couleurs
et
Les propriétés fondamentales des couleurs ............................................................... 3
L’œil ............................................................................................................................ 3
Structure de l’œil : La rétine dispose de 2 types de capteurs sensibles. ............ 3
Les cônes ............................................................................................................ 3
Les bâtonnets ...................................................................................................... 4
Conséquences pour la vision ............................................................................. 4
Quelle résolution choisir par rapport à la distance d'observation d'un document en
couleurs ? ................................................................................................................... 4
Lumière et couleurs : les perceptions relatives ........................................................... 4
La synthèse des couleurs ........................................................................................... 5
La synthèse soustractive .................................................................................... 5
La synthèse additive .......................................................................................... 5
Roue ou cercle chromatique ....................................................................................... 5
Représentation circulaire des couleurs .............................................................. 5
Utiliser la roue chromatique d’ADOBE ............................................................... 6
Taxinomie des couleurs ..................................................................................... 9
Comment utiliser les couleurs ? ....................................................................... 10
Visibilité des couleurs ............................................................................................... 10
Sensations, émotions et couleurs ............................................................................. 11
Trois couleurs pour les émotions primaires .............................................................. 11
Couleurs et symbolique ............................................................................................ 11
Jaune................................................................................................................. 11
orange ............................................................................................................... 11
Rouge ................................................................................................................ 11
Vert .................................................................................................................... 12
bleu.............................................................................Erreur ! Signet non défini.
violet .................................................................................................................. 12
Associer les couleurs et les idées (résultat des recherches de Michel Pastoureau) . 12
1 / 13
Utiliser les couleurs
et
Harmonie et dissonance des couleurs ...................................................................... 13
Bibliographie ............................................................................................................. 13
Table des illustrations ............................................................................................... 13
2 / 13
Utiliser les couleurs
et
Un peu de théorie…
"La couleur est le point de rencontre entre notre esprit et l'univers" Paul Clee
Citation : Wikipédia
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.
Les propriétés fondamentales des couleurs



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).
o Une couleur pure est très saturée (c'est la couleur qui sort du tube de
peinture),
o une couleur dé saturée, tend vers le gris (la couleur est diluée).
o Les couleurs saturées attirent l'attention,
o les couleurs dé saturées s'utilisent pour des messages où la fonction et
l'efficacité sont prioritaires.
o Les couleurs dé saturées claires sont perçues comme amicales.
o Les couleurs dé saturées sombres sont perçues comme sérieuses.
o Les couleurs saturées sont excitantes et dynamiques mais fatiguent
visuellement.
L’œil
Structure de l’œil : La rétine dispose de 2 types de capteurs
sensibles.
Les cônes
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
3 / 13
Utiliser les couleurs
et
rétine. Les cônes « bleus » sont les moins sensibles à la lumière. Ils permettent
essentiellement la bonne vision diurne.
Les bâtonnets
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.
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 noir (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.
Quelle résolution choisir par rapport à la distance
d'observation d'un document en couleurs ?











600 dpi : vision à 18 cm
300 dpi : vision courante à 35 cm (2x diagonale 10x15)
240 dpi : vision à 45 cm
220 dpi : vision à 50 cm
200 dpi : vision à 55 cm
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
Lumière et couleurs : les perceptions relatives



Le jaune est lumineux.
Le violet et sombre.
Mais la notion de sombre ou clair est relative, elle résulte de comparaison.
4 / 13
Utiliser les couleurs

et
Le jaune paraît moins lumineux sur du blanc, et le violet et le bleu paraissent
lumineux sur du noir.
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.
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.
Roue ou cercle chromatique
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.
5 / 13
Utiliser les couleurs
et
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://color.adobe.com/fr/create/color-wheel/
1 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.).
2 thème de couleurs
6 / 13
Utiliser les couleurs
et
Vous pouvez aussi accéder à des thèmes de couleurs créés préalablement par
d’autres personnes.
3 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.
7 / 13
Utiliser les couleurs
et
4 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.
5 l’atmosphère de couleur
8 / 13
Utiliser les couleurs
et
6 Charger une image pour trouver un
thème de couleurs
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.
9 / 13
Utiliser les couleurs
et
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émentaire 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.
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
10 / 13
Utiliser les couleurs
et
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.
Couleurs et symbolique
Jaune


Positif : merveilleux, sublimation, intellect, science, sagesse
Négatif : envie, trahison, doute, méfiance, fausseté, erreur
orange


Positif : rayonnement, bienveillance
Négatif : orgueil
Rouge


Positif : activité, puissance, ardeur, courage, amour spirituel
Négatif : force démoniaque, agressivité, ostentation
11 / 13
Utiliser les couleurs
et
Vert


Positif : espérance, satisfaction, fécondité, union de la science et de la foi
Négatif : mystère, paresse, vulgarité
Bleu


Positif : spiritualité, introversion, méditation, profondeur, humilité, foi,
immortalité
Négatif : passivité, crainte, égarement, deuil
violet


Positif : amour céleste, domination spirituelle, dévouement
Négatif : inconscient, superstition, secret, menace, effroi
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.
12 / 13
Utiliser les couleurs
et
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
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
Table des illustrations
1 Roue chromatique Adobe CC .................................................................................. 6
2 thème de couleurs ................................................................................................... 6
3 Les thèmes populaires ............................................................................................ 7
4 Charger sa propre photo.......................................................................................... 8
5 l’atmosphère de couleur .......................................................................................... 8
6 Charger une image pour trouver un thème de couleurs .......................................... 9
13 / 13