Familles et palettes de couleurs
L’un des meilleurs moyens de changer l’ambiance de votre conception Web consiste à modifier le jeu de couleurs. Si vous envisagez d’utiliser la couleur pour affecter l’humeur, il est utile de comprendre la famille des couleurs et ce qu’elles représentent. Une famille de couleurs est une division de la roue chromatique en trois couleurs :
- couleur chaude
- Couleurs froides
- couleur neutre
Bien qu’il puisse y avoir un design qui utilise les trois séries de couleurs, la plupart des designs ont une sensation générale de chaleur, de fraîcheur ou de neutralité.
Revigorez avec des couleurs chaudes
Les couleurs chaudes comprennent des nuances de rouge, d’orange et de jaune et des variations de ces couleurs. On les appelle des couleurs chaudes parce qu’elles évoquent la sensation de la lumière du soleil et du feu – des choses chaudes. Les conceptions qui utilisent des couleurs chaudes ont tendance à être vibrantes et édifiantes. Ils impliquent de l’enthousiasme et des sentiments positifs chez la plupart des gens. Les couleurs chaudes sont souvent les couleurs de la créativité, de la fête, de la passion, de l’espoir et du succès.
Les couleurs chaudes sont créées en utilisant seulement deux couleurs : le rouge et le jaune. Ces couleurs primaires se combinent pour former l’orange. Lorsque vous mélangez des couleurs, n’utilisez pas de couleurs froides dans une palette de couleurs chaudes.
détendez-vous avec des couleurs froides
Les couleurs froides comprennent des nuances de vert, de bleu et de violet et des variations de ces couleurs. On les appelle des couleurs froides car elles évoquent la sensation de l’eau, des arbres et de la nuit. Ils donnent une sensation de détente, de calme et de réservation. Les conceptions qui utilisent des couleurs froides sont souvent considérées comme professionnelles, sobres et professionnelles.
Contrairement aux couleurs chaudes, il n’y a qu’une seule couleur primaire dans les couleurs froides, le bleu. Donc, pour obtenir d’autres couleurs dans la palette, vous pouvez mélanger du rouge ou du jaune avec du bleu pour obtenir du vert et du violet. Cela rend les verts et les violets plus chauds que le bleu, qui est une couleur pure et froide.
couleur neutre
Les couleurs neutres comprennent le marron, qui est une combinaison des trois couleurs primaires, et les deux autres couleurs : le noir et le blanc. Plus la couleur est trouble ou grise, plus elle devient neutre. Les designs neutres sont les plus difficiles à définir car la plupart des sensations qu’ils évoquent proviennent des couleurs chaudes et froides qui les affectent. Les conceptions en noir et blanc sont considérées comme élégantes et sophistiquées, mais comme ces couleurs sont si vives, elles peuvent être difficiles lors de la création de conceptions Web efficaces.
Une autre façon de créer une palette neutre consiste à ajouter du noir ou du blanc à des couleurs chaudes ou froides pour rendre les couleurs plus grises.
Utilisation des familles de couleurs dans la conception Web
Si vous souhaitez évoquer une ambiance à travers votre conception Web, les familles de couleurs peuvent vous aider à le faire. Un bon moyen de tester cela consiste à créer différentes palettes de couleurs dans trois familles de couleurs et à utiliser ces trois couleurs pour comparer vos conceptions. Vous remarquerez peut-être que lorsque vous modifiez la série de couleurs, tout le ton de la page change.
Voici quelques exemples de palettes de couleurs que vous pouvez essayer avec différentes familles de couleurs pour les pages Web :
Chauffer
- #cc333F, #eb6841, #edc951
- #ffd573, #ff773d, #f73e3e
- #ffe545, #fefbaf, #c2a34f, #fbb829
- #ffab03, #fc7f03, #fc3903, #d1024e
frais
- #69d2e7, #a7dbd8, #e0e4cc
- #2a044a, #0b2e59, #0d6759, #7ab317, #a0c55f
- #8ca315, #5191c1, #1e6495, #0a4b75
- #8fbfb9, #6493a7, #bddb88, #e0f3b2, #eefaa8
neutre
- #d9ceb2, #948c75, #d5ded9, #7a6a53, #99b2b7
- #e6cba5, #ede3b4, #8b9e9b, #bd7578
- #d8d0c8, #d2d0c8, #cbd0c8, #c4d0c8
- #182009, #464b35, #757661, #d1ccb9
Merci de nous en informer!
Dites-nous pourquoi !
D’autres détails ne sont pas assez difficiles à comprendre
