Quels sont les codes de couleurs?

Les différents codes de couleurs

Comme vous pouvez vous en douter, il existe différents systèmes de codes de couleurs sur le web. Ces codes servent à identifier une teinte bien précise. Peu importe l’endroit utilisé, le code représentera toujours la même couleur.

Parmi les codes les plus populaires, l’on retrouve les RBG, les HEX, les CMYK et les PMS.

Les codes RGB

Les codes RGB viennent de la première lettre du rouge, du vert et du bleu en anglais (red, green, blue). Vous savez très probablement que le rouge, le jaune et le bleu sont les trois couleurs primaires, les trois couleurs de base dans l’art. Concernant le web, le jaune est remplacé par le vert. En effet, ces trois couleurs sont utilisées par tous les appareils électroniques pour gérer les teintes, que ce soit sur votre vieux téléviseur ou votre téléphone dernière génération.

Un code RGB est tout simplement la quantité de rouge, de vert et de bleu utilisée pour créer cette teinte. Ici, la quantité varie entre 0 et 255. Si les niveaux de rouge, de vert et de bleu sont tous les trois à 255, vous obtiendrez du blanc. Au contraire, si la quantité des trois couleurs est à 0, vous obtiendrez du noir.

Exemple de code de couleur RGB: 61,177,255

Les codes HEX

Les codes HEX, aussi appelés hexadécimaux, sont un autre code de couleurs très utilisés sur le web. Contrairement aux RGB, ces derniers peuvent être composés de chiffres et de lettres, toutefois la base reste le calcul de rouge, de vert et de bleu dans une teinte. Les deux premiers éléments représentent la quantité de rouge, les deux suivants sont associés au vert et les deux derniers symbolisent le bleu.

On pourrait vous expliquer comment on arrive à un chiffre ou à une lettre, mais cela est plutôt compliqué. Gardons en tête que le blanc est représenté par le code #FFFFFF et le noir #000000.

Exemple de code de couleur HEX: #3DB1FF

Les codes CMYK

Les codes CMYK, viennent des premières lettres du cyan, du magenta, du jaune et de la dernière lettre du noir en anglais. Ce système est davantage utilisé dans le domaine de l’impression. Contrairement à ce que nous venons de voir, ici ce n’est pas le rouge, le vert et le bleu qui sont utilisés pour créer les teintes, mais le cyan, le magenta, le jaune et le noir. Les couleurs de base sont représentées par leur emplacement dans le code.

Ici, la quantité maximale ne peut pas dépasser 100%. Par conséquent, si vous désirez du noir, il vous faudra utiliser le 100,100,100,100, tandis que le blanc est représenté par 0,0,0,0. 

Exemple de code de couleur CMYK: 76,31,0,0  

Les codes Pantone 

Nous avons déjà parlé de Pantone par le passé sur notre blog. En effet, chaque année, Pantone désigne une couleur de l’année. Cette couleur est choisie spécialement pour représenter les tendances du design, mais aussi les réalités et défis en lien avec cette période. 

Les codes du Pantone Matching System ou PMS sont utilisés à la fois par les imprimeurs et les designers pour s’assurer que les teintes soient identiques, que ce soit sur le web ou l’imprimé. À la base, ce système a été créé pour standardiser l’utilisation des couleurs. Plus de 1000 couleurs sont disponibles sur le Pantone Matching System et elles ont toutes un nom et un code. 

Exemple de code de couleur PMS: 298 C

Pourquoi connaître les codes de couleurs de son logo?

Maintenant que nous avons vu quels étaient les principaux codes pour les couleurs, pourquoi est-il essentiel de connaître les codes utilisés par votre image de marque? La raison est simple: il est important d’utiliser les mêmes teintes partout afin que vous puissiez réutiliser le même logo sur différents supports, mais aussi associer cette couleur exacte à votre entreprise. Les codes sont là pour veiller à avoir une uniformité de marque. 

Prenons le logo de Starbucks en exemple. Un vert très précis est utilisé pour l’image de marque et les produits de cette entreprise et cela partout dans le monde. Le tout n’aurait pas le même impact si un restaurant utilisait un vert plus turquoise, tandis qu’un autre prendrait un vert plus pâle. L’uniformité est la clé!

Comment trouver les codes de couleurs de votre logo

Si vous avez créé votre logo avec FreeLogoDesign, vous pouvez retrouver la liste des couleurs utilisées à la droite de l’éditeur. Aussi, selon le forfait choisi, il est possible de télécharger le guide de marque de votre logo qui comprendra diverses informations sur votre marque, dont les couleurs et les codes utilisés. 

Si vous n’avez pas créé votre logo avec FreeLogoDesign, pas de panique. Il existe de nombreux outils en ligne qui peuvent vous aider à trouver le code d’une couleur. Vous n’avez qu’à importer une image et leur système vous dressera la liste des couleurs présentes et des codes. Évidemment, il peut y avoir une petite marge d’erreur comme il existe des milliers de teintes différentes. 

En conclusion, nous espérons que vous comprenez un peu plus les différents systèmes de codes de couleurs. Heureusement, il existe des convertisseurs qui peuvent vous permettre de passer d’un code HEX à un code PMS au besoin. Une fois votre logo créé et vos couleurs choisies, n’oubliez pas de noter les différents codes utilisés pour vous assurer de toujours utiliser les mêmes teintes. Veillez aussi à bien connaître la signification des couleurs avant de faire votre choix.