Table des matières:
Vidéo: #DIVI 23 - Palette de couleur et cohérence graphique globale 2025
Les couleurs et les préférences dans les combinaisons de couleurs pour votre site WordPress sont complètement subjectives et basées sur ce qui est bon pour l'œil de chacun. En raison de cet adage, il n'est pas nécessaire de vous dire quelles couleurs sont bonnes et quelles combinaisons de couleurs fonctionnent le mieux parce que ces idées sont principalement basées sur la préférence et l'expérience.
La roue de couleurs
Presque tous les programmes de graphisme ou de couleurs sur le Web incluent une roue de couleur rouge, verte et bleue (RGB) qui sépare les couleurs en trois groupes:
-
Couleurs primaires: Inclut les trois couleurs principales - rouge, vert et bleu
-
Couleurs secondaires: Inclut les couleurs que vous obtenez lorsque vous mélangez des quantités égales de couleurs primaires, comme le mélange de rouge et de bleu pour créer du violet
-
Couleurs tertiaires: Inclut les couleurs obtenues lorsque vous mélangez des couleurs primaires avec des couleurs secondaires, telles que cyan (bleu-vert), magenta (rouge-violet) ou vermillon (rouge-orange)
De plus, vous pouvez utiliser la roue chromatique pour découvrir deux groupes de couleurs principaux, ou schémas:
-
Couleurs complémentaires: Une paire ou un groupe de couleurs qui existe directement l'un en face de l'autre sur la roue des couleurs. En utilisant la roue chromatique comme guide, un exemple serait jaune et bleu.
-
Couleurs analogiques: Une paire ou un groupe de couleurs regroupées étroitement sur la roue chromatique. Jetez un oeil à la roue des couleurs et vous trouverez des couleurs analogues comme l'orange et le jaune, ou le rouge et l'orange.
Vous pouvez utiliser une roue de couleurs en ligne facile à utiliser. Pour utiliser cette roue, il suffit de cliquer dans le carré de couleur sur la gauche pour trouver des schémas de couleurs complémentaires ou analogues sur la roue chromatique vers la droite.
Les modèles de couleurs RVB et hexadécimaux
En conception Web, les deux principaux modèles de couleurs que vous traiterez régulièrement sont les systèmes RVB et hexadécimal (hex), le système hexadécimal étant le plus populaire méthode pour définir les couleurs dans une feuille de style en cascade (CSS).
RVB
RVB est utilisé pour représenter l'affichage des couleurs à l'aide d'appareils électroniques, tels que les appareils mobiles et les écrans d'ordinateur. Le modèle de couleur RVB est basé sur l'idée que n'importe quelle couleur peut être créée en combinant différents niveaux de rouge, vert et bleu. Étant donné que vous concevez des sites Web consultés via des moniteurs et des appareils mobiles, le modèle couleur RVB est la base standard des couleurs dans la conception Web.
Les couleurs RVB sont représentées par trois nombres, chacun d'entre eux indiquant la quantité de rouge, de vert et de bleu existant dans la couleur spécifique.Chaque couleur a une gamme numérique de 256 niveaux de luminosité représentés par 0-255.
Vous pouvez mélanger et assortir les couleurs en augmentant ou en diminuant les nombres de chaque couleur jusqu'à ce que vous trouviez la couleur que vous aimez. Sur la base des 256 valeurs disponibles pour chaque couleur, en utilisant les nombres 0-255, voici ce que chaque couleur est égale à:
-
Rouge: R: 255 G: 0 B: 0 (255, 0, 0)
-
Vert: R: 0 G: 255 B: 0 (0, 255, 0)
-
Bleu: R: 0 G: 0 B: 255 (0, 0, 255)
Heureusement, Les roues de couleurs interactives et celles que vous trouvez dans votre programme graphique préféré, facilitent le pointage et le clic pour mélanger et assortir les couleurs afin de trouver leurs valeurs RVB individuelles.
Hex
La façon la plus populaire de représenter la couleur dans la conception Web est l'utilisation de codes hex ou hexadécimaux, représentant les couleurs du modèle RVB. Deux nombres hexadécimaux représentent ensemble un octet et représentent jusqu'à 256 couleurs différentes.
(Rappelez-vous que le modèle RVB est également basé sur 256 valeurs de couleurs possibles.) Chacune des couleurs (rouge, bleu et vert) est représentée par deux hexadécimaux; ces hexadécimaux utilisent des combinaisons de 0-9 et A-F.
Couleur | Code hex. |
---|---|
Blanc | #FFFFFF |
Noir | # 000000 |
Rouge | # FF0000 |
Orange | # FFA500 |
Jaune < # FFFF00 | Vert |
# 008000 | Bleu |
# 0000FF | Indigo |
# 4B0082 | Violet |
# EE82EE |