Blue Flower

La température des couleurs.

Couleurs froides et chaudes.

La roue chromatique peut être divisée en 2 ensembles distincts regroupant d’un côté un groupe de couleurs dites “chaudes” de l’autre un groupe de couleurs dites “froides”

Les couleurs chaudes suggèrent la proximité, l’énergie, la vivacité.

Les couleurs froides suggèrent l’éloignement, l’apaisement, le calme.

Les couleurs entre elles.

Si vous souhaitez conduire le regard vers des zones importantes de votre design, mieux vaut choisir parmi les couleurs de votre composition celle qui sera dominante (c’est à dire celle qui va couvrir la plus grande surface), celle qui sera tonique (celle qui créera de l’emphase et sera utilisée pour la plus petite surface) et les autres de moindre importance.

Pour éviter la concurrence des couleurs, la couleur dominante sera fortement atténuée soit en la dé-saturant, soit en modifiant sa valeur (par éclaircissement ou par assombrissement).

La couleur tonique sera utilisée pure et bien saturée.

Les autres couleurs, si il en a, seront moyennement atténuées par dé-saturation ou en jouant sur la valeur (luminosité).

Nota.
Pour un design sur un écran, on utilise une roue chromatique de la synthèse additive.

Composition monochromatique (Monochromatic).

Pour obtenir une composition monochromatique il suffit de choisir une teinte unique puis la décliner soit en :

  • La dé-saturant progressivement (ajout progressif de gris neutre).
  • En l’éclaircissant progressivement (ajout progressif de blanc).
  • L’assombrissant progressivement (ajout progressif de noir).

Les compositions monochromatiques permettent des designs sobres et élégants.

Composition analogue double, triple (Analogous).

Analogous.

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

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

La composition analogue DOUBLE est composée de deux teintes.

Il existe 3 formules :

Primaire - Secondaire les 2 teintes sont voisines mais séparées par une couleur tertiaire. (Exemple : Logo)
Primaire - Tertiaire les 2 teintes sont directement voisines .
Secondaire - Tertiaire les 2 teintes sont directement voisines .

La composition analogue TRIPLE est composée de trois teintes.

Il existe 5 formules :

Secondaire - Primaire - Secondaire les 3 teintes sont voisines mais séparées par une couleur tertiaire.
Primaire - Secondaire - Primaire les 3 teintes sont voisines mais séparées par une couleur tertiaire.
Tertiaire - Primaire - Tertiaire les 3 teintes sont directement voisines.
Tertiaire - Secondaire - Tertiaire les 3 teintes sont directement voisines.
Primaire - Tertiaire - Secondaire les 3 teintes sont directement voisines.

Composition complémentaire (Complements).

Complements.

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éer 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 design, dans ce type de composition, l’une des deux couleurs joue le rôle de dominante et l’autre de tonique.

Composition accords isocèles (Split-complements).

Split-complements.

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.

Composition accords équilatéraux (Triadic).

Triadic.

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.

Composition analogue double + 1 complémentaire (Analogous 2 + Complements).

Analogous 2 + Complements.

La composition analogue double + 1 complémentaire s’obtient en choisissant 2 teintes voisines et une complémentaire de l’une des deux teintes.

Il existe 6 formules : (- adjacentes; <> opposées)

Primaire - Secondaire <> Primaire
Secondaire - Primaire <> Secondaire
Primaire - Tertiaire <> Tertiaire
Tertiaire - Primaire <> Secondaire
Secondaire - Tertiaire <> Tertiaire
Tertiaire - Secondaire <> Primaire

Dans ces formules la tonique sera la couleur complémentaire (position 3 de la formule) et la dominante sera la couleur opposée à la complémentaire (position 2 de la formule).

Composition 4 tons en rectangle (Tetradic).

Tetradic.

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 quatre couleurs au choix, la tonique sera la complémentaire de la dominante choisie.

Composition 4 tons en carré (Square).

Square.

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 quatre couleurs au choix, la tonique sera la complémentaire de la dominante choisie.

Composition analogue triple + 1 complémentaire (Analogous 3 + Complements)

Analogous 3 + Complements.

La composition analogue triple + 1 complémentaire s’obtient en choisissant 4 teintes sur le cercle chromatique. 3 teintes voisines + la complémentaire de la couleur centrale.

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 7 formules :

Tertiaire - (Primaire <> Secondaire) - Tertiaire
Tertiaire - Primaire - (Tertiaire <> Tertiaire)
Primaire - (Secondaire <> Primaire) - Tertiaire
Tertiaire - Secondaire - (Tertiaire <> Tertiaire)
Primaire - (Tertiaire <> Tertiaire) - Secondaire
Secondaire - Tertiaire - (Primaire <> Secondaire)
Primaire - Tertiaire - (Secondaire <> Primaire)

La tonique sera la couleur complémentaire et la dominante la couleur opposée à la complémentaire.

Composition zone d’influence d’une couleur primaire.

Influence d’une couleur primaire.

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). Son emploi est très limité en webdesign car l’utilisation de 4 teintes est souvent un maximum. On l’utilise d’avantage dans la décoration de bâtiments.

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.

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

Utiliser une image.

Utiliser une image.

La méthode de la roue chromatique n’est pas la seule pour obtenir une harmonie de couleurs. Si vous partez d’une image qui aura un poids important dans votre design, vous pourrez vous en inspirer pour en extraire une palette de couleur.

Vous utilisez un outil pipette et allez chercher les teintes qui vous plaisent dans l’image.

Outils.

Colour Lovers pour les palettes.
Agave Color Schemer une application sous Linux