Colors part 2 / Couleurs 2ème partie

Hello!!

Today, I will present you a few techniques to find harmonious combo of colors using the color wheel.

Each technique will be illustrated with a picture showing the color scheme on the color wheel.

To make things easier, we will use a color wheel of 12 colors (3 primary, 3 secondary and 6 tertiary colors). Of course, all these techniques can be used on a complete color wheel that provides all shades of colors.

Bonjour les Scropines!!

Aujoud'hui, je vais vous présenter des techniques d’harmonies de base utilisant le cercle chromatique.

Chaque technique sera accompagnée d’une image illustrant le type de combinaison décrit sur une roue chromatique.

Notez que par simplification, nous utilisons ici sur une roue chromatique de 12 teintes (3 primaires, 3 secondaires, 6 tertiaires ) pour expliquer les techniques de base. Toutes ces règles sont bien sûr transposables sur une roue chromatique complète qui fournit toutes les nuances de teinte.

* "Analogous" color scheme / Composition "analogue"

Analogous color schemes use colors that are next to each other on the color wheel. They usually match well and create serene and comfortable designs.Analogous color schemes are often found in nature and are harmonious and pleasing to the eye.Make sure you have enough contrast when choosing an analogous color scheme.Choose one color to dominate, a second one to support. The third color is used (along with black, white or gray) as an accent.

La composition analogue double (2 teintes) ou triple (3 teintes) est composée de teintes voisines sur la roue chromatique.

Ce type de composition fonctionne généralement bien et est plaisant à regarder. Elles donnent des designs où règnent la sérénité, le confort, l’harmonie. On rencontre souvent ce type de composition de couleurs dans la nature.

* Complementary color scheme / Composition "complémentaire"

Colors that are opposite each other on the color wheel are considered to be complementary colors (example: red and green).The high contrast of complementary colors creates a vibrant look especially when used at full saturation. This color scheme must be managed well so it is not jarring.Complementary color schemes are tricky to use in large doses, but work well when you want something to stand out.

La composition "complémentaire" s’obtient en choisissant deux teintes diamétralement opposées sur le cercle chromatique.

L’important contraste entre deux couleurs complémentaires crée un environnement vibrant surtout à pleine saturation. Ce type d’arrangement peut être délicat à manipuler à forte dose, mais fonctionne bien si vous voulez faire ressortir quelque chose. Évitez les couleurs complémentaires pour le texte.

Il existe 2 formules :

- Primaire / Secondaire (diamétralement opposée)

- Tertiaire / Tertiaire (diamétralement opposée)

Si vous avez une couleur dominante et une couleur tonique dans votre réalisation, dans ce type de composition, l’une des deux couleurs joue le rôle de dominante et l’autre de tonique.

* Split-Complementary color scheme / Composition "accords isocèles"
The "split-complementary" color scheme is a variation of the complementary color scheme. In addition to the base color, it uses the two colors adjacent to its complement.

This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension.

The"split-complimentary" color scheme is often a good choice for beginners, because it is difficult to mess up.

Les compositions "accords isocèles" sont obtenues en choisissant 3 teintes sur la roue chromatique formant un triangle isocèle. Les teintes qui forment la base sont voisines mais séparées d’une teinte.

Ce type de composition a le même fort contraste visuel que les compositions complémentaires mais avec moins de tension. C’est est un bon choix pour débuter car facile à réaliser.

Il existe 3 formules : (base / base - sommet … du triangle isocèle)

- Tertiaire / Tertiaire - Primaire

- Tertiaire / Tertiaire -Secondaire
- Primaire / Secondaire - Tertiaire

Votre tonique sera la couleur qui forme le sommet du triangle, la dominante l’une des deux autres.

* Triadic color scheme / Composition "accords équilatéraux"
A "triadic" color scheme uses colors that are evenly spaced around the color wheel.Triadic color schemes tend to be quite vibrant, even if you use pale or unsaturated versions of your hues.To

use a triadic harmony successfully, the colors should be carefully balanced-let one color dominate and use the other two for accent.

Les compositions accords équilatéraux s’obtiennent comme les isocèles mais le triangle formé est équilatéral. Les 3 teintes sont séparées par 3 autres sur le cercle chromatique.Ce type de composition à tendance à donner une ambiance assez vibrante même si l’on utilise des versions de teintes désaturées ou éclaircies. Pour réussir l’harmonie d’une composition "accord équilatéral" les couleurs doivent être soigneusement équilibrées si elles sont utilisées pures.

Il existe 3 formules :

- Primaire / Primaire / Primaire

- Secondaire / Secondaire / Secondaire

- Tertiaire / Tertiaire / Tertiaire

Ces formules fournissent trois teintes, soit :

- Une couleur chaude et deux couleurs froides, la tonique sera alors la couleur chaude, la dominante une des deux couleurs froides.
- Une couleur froide et deux couleurs chaudes, la tonique sera alors la couleur froide, la dominante une des deux couleurs chaudes.

* "Rectangle" color scheme / Composition "4 tons en rectangle"

The "rectangle or tetradic" color scheme uses four colors arranged into two complementary pairs.This rich color scheme offers plenty of possibilities for variation.Tetradic color schemes works best if you let one color be dominant.

La composition 4 tons en rectangle s’obtient en choisissant 4 teintes sur le cercle chromatique formant un rectangle. Cela nous donne une paire de couleurs complémentaires. Ce type de composition vous offre beaucoup de possibilités de variation et fonctionne mieux si vous laissez l’une d’entre elle dominer.

Il existe 2 formules :

- Primaire / Primaire / Secondaire / Secondaire

- Tertiaire / Tertiaire / Tertiaire / Tertiaire

Ces formules donnent des compositions de 2 couleurs froides et 2 couleurs chaudes.
La dominante sera l’une des quatres couleurs au choix, la tonique sera la complémentaire de la dominante choisie.

* "Square" color scheme / Composition "4 tons en carré"

The square color scheme is similar to the rectangle, but with all four colors spaced evenly around the color circle.Square color schemes works best if you let one color be dominant.You should also pay attention to the balance between warm and cool colors in your design.

La composition "4 tons en carré" s’obtient en choisissant 4 teintes sur le cercle chromatique formant un carré. Ce type de composition vous offre beaucoup de possibilités de variation et fonctionne mieux si vous laissez l’une d’entre elle dominer.

Il existe 1 formule :

Primaire / Tertiaire / Secondaire / Tertiaire

La dominante sera l’une des quatres couleurs au choix, la tonique sera la complémentaire de la dominante choisie.

* Composition "zone d’influence d’une couleur primaire"

A "primary color influence zone" color scheme is an agreement of 7 colors (1 primary color, 2 secondary colors and 4 tertiary colors). It is rather used for the decoration of buildings.On a simplified color wheel such as the one we used in this post, three color schemes of this type can be extracted. You just have to take a primary color and the three adjacent colors on both sides of it. So we get 3 schemes with an influence zone of either red or green or blue. (Have a look on the picture with influence zone of blue).For a successful harmony, it's better to respect the distance between the primary color and the others.

Une composition zone d’influence d’une couleur primaire est un accord de 7 couleurs (1 couleur primaire, 2 couleurs secondaires et 4 couleurs tertiaires). On l’utilise davantage dans la décoration de bâtiments.

Sur une roue chromatique simplifiée comme celle que l’on utilise dans cet article, 3 compositions de ce type peuvent être extraites. Pour cela il suffit de prendre une couleur primaire et les trois couleurs adjacentes de part et d’autre de celle-ci. On obtient donc 3 compositions avec une zone d’influence soit du rouge, soit du vert, soit du bleu. (cf image, composition zone d’influence du bleu)

Pour une harmonie réussie, mieux vaut respecter l’éloignement des couleurs par rapport à la primaire.

* Use a photography / Utiliser une image

The method of the color wheel is not the only one to find a harmony of colors. You can also use the picture you want to use in your realization as your starting point. You can derive a color palette from the picture .

La méthode de la roue chromatique n’est pas la seule pour obtenir une harmonie de couleurs. Vous pouvez utiliser la photo à scrapper comme point de départ, vous pourrez vous en inspirer pour en extraire une palette de couleur.

Here are some links that can help you :

Voici qqs outils pour vous aider :

- Color Jack

- Kuler d’Adobe

To produce a project that really works, we have to find a harmonious combo of colors in order to obtain a layout which can be pleasant for the eye.But is it enough to achieve a harmonious design? No, I think we have also to find a fluid layout, a layout that can help to focus on the main point and a layout that inspires the reader... but that's another subject ;-)

Pour concevoir une réalisation qui fonctionne, il faut savoir choisir une composition de couleurs harmonieuses afin d’établir une ensemble graphique agréable à regarder. Mais cela suffit-il à réaliser un concept cohérent et agréable à regarder? Non, je pense qu'il faut aussi savoir trouver une mise en page fluide, harmonieuse, qui aide à transmettre un message, qui guide l’oeil vers l’information principale et qui ne laisse pas le lecteur indifférent... mais c'est un autre sujet... ;-)

J'espère que ces explications vous seront utiles...
I hope these explanations will help you...