Construire une palette de couleurs
Couleur dominante et tonique
Les couleurs peuvent se faire concurrence entre elles si elles sont utilisées à valeurs ou à surfaces égales dans un design.
Pour conduire le regard de l’internaute vers des zones importantes, mieux vaut choisir
- une couleur dominante, qui couvrira la plus grande surface.
- une couleur tonique (accent en anglais), qui créera de l’emphase et sera utilisée pour les surfaces plus petites.
- et les autres couleurs seront récessives (recessive color), de moindre importance.
Par exemple, avec un violet dominant et corail tonique :
Schémas de couleurs
Il existe différents schémas de couleur qui permettent de générer une palette.
Couleurs monochromatiques
On garde la même teinte pour toutes les couleurs, seule la saturation et la luminosité changent.
Un schéma monochromatique est facile à créer mais manque souvent de polyvalence par rapport aux autres schémas de couleurs.
Couleurs analogues
La teinte choisie est parmi les couleurs adjacentes de la couleur de base: la teinte augmente ou diminue d’une différence inférieure à 60°, mais suffisamment grande pour faire une différence significative. Les couleurs peuvent varir en saturation et en luminosité.
Couleurs complémentaires
La teinte utilisée est opposée à la couleur de base sur la roue chromatique (donc plus ou moins 180°). Exemple: vert (#00FF00) et magenta (#FF00FF). Pour obtenir plus de couleurs, on utilise le schéma monochromatique en plus.
Couleurs complémentaires adjacentes (split complements)
On choisit 3 teintes formant un triangle isocèle sur la roue chromatique: on choisit une couleur de base, puis deux couleurs adjacentes à son complément. Exemple: cyan (#00FFFF), orange (#FF7D00) et framboise (#FF007D)
Les trois couleurs offrent un fort contraste visuel dans le design, mais sont plus subtiles que l’utilisation de deux couleurs complémentaires. En pratique, l’une des couleurs est généralement dominante et le complément est utilisé pour apporter une attention visuelle à certains contenus de la page.
Triadique (triadic)
Le schéma triadique consiste à choisir 3 teintes sur la roue chromatique formant un triangle équilatéral.
Tétraédrique (tetradic)
Le schéma tétraédrique consiste à choisir 4 teinte sur le cercle chromatique formant un rectangle. Cette formule donne des compositions de 2 couleurs froids et 2 couleurs chaudes.
Récapitulalif des schémas de couleur
Saturation, Luminosité
Les couleurs de même saturation et même luminosité donnent une sensation d’harmonie.
On peut utiliser ce principe pour choisir des couleurs récessives qui vont bien ensemble.
Utiliser une image
Une autre manière de créer une palette est d’utiliser une image.
Il existe des outils pour extraire les couleurs d’une image (Adobe Capture CC, Adobe Color CC ou Pic2Color) ou un simple color picker pour faire l’affaire (comme Agave).
