
Vous êtes nombreux à créer des sites internet, ou des supports de communications avec des choix de couleurs judicieux. Mais nous ne sommes pas tous experts, et certains ne savent pas comment allier les couleurs entre elles. Nous allons voir quelques exemples qui seront illustrés à l’aide d’un cercle chromatique. Nous allons également voir comment fonctionnent les couleurs.
Les primaires

Les couleurs primaires sont les couleurs principales, toutes les autres couleurs découlent de celles-ci. Elles sont le rouge (Magenta), le bleu (cyan) et le jaune.
Les secondaires

Les couleurs secondaires, appelées également couleurs binaires sont un mélange direct des couleurs primaires. Magenta et Cyan donnent du Violet, Cyan et Jaune donnent le Vert, Jaune et Magenta donnent le Orange.
Les tertiaires

Les couleurs tertiaires également appelés couleurs intermédiaires sont réaliser grâce au mélange d’une couleur primaire et d’une couleur secondaire.
Les complémentaires

Les couleurs complémentaires sont la base de la création d’une charte graphique, on ne peut pas, ou alors avec beaucoup de mal créer une charte avec des couleurs qui ne s’accordent pas. D’ailleurs certains clients ne comprennent pas ce qu’est la complémentarité des couleurs, et pour leurs faire comprendre n’hésitez pas à aller en RDV avec un cercle chromatique. On peut voir sur le cercle que les couleurs complémentaires sont diamétralement opposées l’une de l’autre, et c’est le cas pour chaque couleur, sa complémentaire est opposée.
On utilise souvent les couleurs complémentaires afin de créer un choc visuel.
Les accords analogues

Les couleurs analogues sont des couleurs qui sont proches les unes des autres sur le cercle chromatique. On utilise ces ensembles de couleurs afin de créer des site harmonieux. Ces couleurs mises ensemble apporte une composante de couleur principale, le vert par exemple, et les couleurs qui lui sont proches à droite et gauche dans le cercle. Dans ce cas, si on prend le vert et ses proches couleurs de droite et de gauche, on appel cela « Analogue Triple ».
Les accords isocèles

Les accords isocèles sont obtenus en choisissant trois couleurs qui forment un triangle isocèle sur le cercle chromatique. Les accords isocèles représente le choix ultime pour commencer une création sans trop de complications. La couleur dite « tonique » sera celle du sommet du triangle, et la « dominante » sera l’une des deux de la base.
Les accords tetradics

Les accords tetradics également appelés accords 4 tons en rectangle nous donnent une paire de couleurs complémentaires. Ce type d’accord laisse beaucoup de choix en terme de créativité, mais il faut faire un choix pour la « dominante ». La couleur « tonique » sera alors la complémentaire de la « dominante » choisie.
Les accords en T

Les accords en T, que l’on peut aussi appeler accords analogue triple plus une complémentaire, mais le nom est moins beau. On obtient celui-ci en prenant 3 couleurs les unes à côtés des autres sur le cercle chromatique, plus la complémentaire de celle qui se trouve au centre. La couleur « tonique » sera la complémentaire, et la « dominante » sera sa couleur opposée.
Conclusion
J’avoue que c’est un peu difficile à comprendre par moment, mais se sont des notions très importantes et plus qu’indispensable dans la création graphique, aussi bien pour de la charte graphique que pour du support de communication. Il est également important de pouvoir faire comprendre à nos clients le degrés d’importance du choix des couleurs, et les répercutions négatives que peut avoir un mauvais choix.
Tweeter
L'auteur de l'article
John's Graphisme, Directeur Artistique, Webdesigner. Vous pouvez voir mes travaux sur mon folio, ou me suivre sur mon Twitter. |







22 commentaires
5 404 lecture(s)



![[GRAPHISME] A t-on assez de bons graphistes en France ?](http://www.jonathan-menet.fr/blog/wp-content/themes/V2/images/gauche-article.jpg)

![[ARTISTE] Du papier, un crayon et de la 3D](http://www.jonathan-menet.fr/blog/wp-content/themes/V2/images/droite-article.jpg)




29 avril 2010 à 15:24
Article très intéréssant !
29 avril 2010 à 15:40
vraiment sympa comme article! À quand un article sur la signification des couleurs?
29 avril 2010 à 15:44
@Fuegin : merci à toi l’ami.
@Ange Chierchia : Merci. pour la signification des couleurs je n’y avait pas pensé, mais pourquoi pas.
29 avril 2010 à 17:11
Excelent article vraiment super. C’est limpide.
29 avril 2010 à 17:39
Super article, je me questionnais un peu là dessus, merci d’avoir répondu à ces questions
29 avril 2010 à 17:44
@Huard Olivier : merci mec, c’est top, le côté limpide est important.
@Hultrasimple : je suis content d’avoir pu répondre à tes questions, c’est toujours un plaisir.
6 mai 2010 à 15:52
Il y a un outil très utile pour ce genre de recherches colorimétrique : http://kuler.adobe.com/
6 mai 2010 à 16:33
@graphiste montpellier : oui j’avais fait un article dessus justement : http://www.jonathan-menet.fr/blog/2008/10/29/10-outils-choisir-choix-couleurs-site-internet/ mais Kuler n’explique pas comment les couleurs fonctionnent, il fait tout tout seul sans rien expliqué, d’où cet article.
22 juillet 2010 à 15:42
J’ai survolé l’article par manque de temps (je le lirai plus en détails plus tard) et j’ai l’impression que rien que visuellement, tout est dit
Bravo.
22 juillet 2010 à 19:12
@Rizwan : content que l’article te plaise. C’est vrai que sur les illustrations beaucoup de choses sont dites.
3 août 2010 à 12:05
Merci pour ce rappel bref mais efficace.
9 mars 2011 à 19:59
Un des meilleurs outils est : http://kuler.adobe.com/
10 mars 2011 à 10:34
@Jeune gay : http://www.jonathan-menet.fr/blog/2008/10/29/10-outils-choisir-choix-couleurs-site-internet/ oui, je connais Kuler et depuis un bout de temps même
13 mai 2011 à 8:55
franchement ton article est super, mais c’est vrai que c’est un peu compliqué
13 mai 2011 à 9:23
Bonne article. bien expliqué
18 janvier 2012 à 15:06
Sympa comme article