RGB vs CMYK : Pourquoi la différence fait la différence

Connaître la différence entre deux choses très similaires peut sembler trivial.

Que vas-tu faire de ta connaissance de la différence entre les alligators et les crocodiles ? Te vanter lors d'une fête ?

Même en utilisant un logiciel de conception graphique, la différence entre police de caractères et fonte est une distinction qui a peu d'impact sur notre compréhension du concept global. Au contraire, la différence entre les modes de couleur est plus qu'un simple fait amusant, ne pas connaître la différence peut faire ou défaire votre projet de conception graphique.

Qu'est-ce que le RGB ?

Le RGB concerne la perception de la lumière.

Les écrans d'ordinateur affichent les couleurs dans les images, le texte et les designs avec différentes combinaisons de lumière rouge, verte et bleue. C'est de là que vient le RGB. Par conséquent, tout ce qui est conçu pour un écran – des montres intelligentes à un jumbotron – doit être conçu en mode couleur RGB.

Les écrans affichent des images avec des centaines de pixels. Chacun de ces pixels a trois sous-pixels : une lumière rouge, une lumière verte et une lumière bleue. Ces sous-pixels s'allument à différentes intensités en fonction de la couleur que le pixel affiche finalement pour produire un résultat sur un moniteur noir.

 

L'écran sur lequel vous lisez cet article est composé de centaines de pixels. Ces pixels se rassemblent pour afficher les mots et les images que vous voyez.

Les valeurs RGB sont affichées dans une plage entre 0 et 255, ce qui signifie qu'il y a 256 niveaux de chacune des trois couleurs (rouge, vert et bleu) qui peuvent être combinés pour créer une couleur sur le spectre entre le noir et le blanc. Cela signifie qu'il y a plus de seize millions de couleurs possibles en mode couleur RGB. Cela fait beaucoup d'options.

Par exemple, la valeur RGB pour la couleur noire est :

Cela signifie qu'il y a 0 % de lumière rouge, 0 % de lumière verte et 0 % de lumière bleue. En d'autres termes, il y a une absence totale de lumière, ce qui donne du noir. 

Pour créer du blanc, un designer doit entrer :

 
C'est la valeur la plus élevée possible de chaque couleur, ce qui signifie que les lumières rouge, verte et bleue sont à 100 % de luminosité, résultant en la présence maximale de lumière : le blanc. 

 

Une autre façon de penser au mode couleur RGB est de se référer au rouge, au vert et au bleu comme des couleurs additives. Cela signifie que le RGB crée d'autres couleurs en ajoutant des quantités de rouge, de vert et de bleu ensemble. 

Voici les valeurs RGB pour certaines couleurs traditionnelles et populaires.

Qu'est-ce que le CMYK ?

Tout ce que nous concevons ne peut pas être placé devant des lumières vives. Par conséquent, les designs destinés à l'impression doivent être conçus en mode CMYK.

Le nom CMYK vient des quatre couleurs qui composent le modèle : cyan, magenta, jaune et clé. La clé représente la couleur noire. Puisque "B" est pris par "bleu" dans le modèle RGB, la dernière lettre du mot "noir" est utilisée à la place de la première.

 

Le noir est utilisé dans ce mode de couleur car même la combinaison la plus pure de cyan, magenta et jaune (toutes des couleurs plus claires) ne peut pas créer une couleur entièrement noire. 

Le CMYK utilise des couleurs soustractives, non additives. Ajouter des couleurs ensemble en mode CMYK a l'effet opposé sur le résultat par rapport au RGB ; plus on ajoute de couleur, plus le résultat est sombre. Par conséquent, les couleurs sont retirées ou soustraites pour créer un résultat clair.

Cela est dû au fait que les couleurs CMYK absorbent la lumière, ce qui signifie que plus d'encre résulte en moins de lumière. Combiner le cyan, le magenta et le jaune créera un brun profond. Ce n'est que lorsque la clé (noir) est ajoutée que la couleur est complètement retirée.

Les valeurs CMYK sont mesurées en pourcentages. Par exemple, pour faire la couleur blanche en CMYK, les valeurs doivent être entrées dans le logiciel de conception comme suit : 

Fait intéressant, définir CMY à 0 % et K à 100 % ne crée pas le noir le plus foncé possible.

Pour créer un "vrai" noir, les valeurs suivantes doivent être entrées :

 
C'est ce qu'on appelle le "noir riche" ou "noir Photoshop" et c'est un noir beaucoup plus pur car il absorbe le plus de lumière. Cette couleur n'est pas souvent utilisée car la quantité physique d'encre nécessaire pour la produire peut déchirer du papier de moindre qualité. C'est intense.

De plus, utiliser trop d'encre favorise le maculage, ce qui rend le texte beaucoup plus difficile à lire. Lors de l'utilisation du noir, il existe quelques versions différentes utilisées par les designers qui ne déchireront pas votre projet. 

• Noir Froid : 60 . 0 . 0 . 100
• Noir Chaud : 0 . 60 . 30 . 100
• Noir Designer : 70 . 50 . 30 . 100
• Noir Riche : 75 . 68 . 67 . 90

Voici les entrées CMYK pour certaines couleurs traditionnelles et populaires. 

CMYK vs. RGB

En termes simples, le CMYK est le mode couleur destiné à l'impression avec de l'encre, comme les designs de cartes de visite et les affiches. Le RGB est le mode couleur destiné à la communication numérique, comme les sites web et la télévision. 

Plus on ajoute de couleur en mode CMYK, plus le résultat est sombre. Plus on ajoute de couleur en RGB, plus le résultat est clair. 

Le CMYK a une plage numérique de 4x100 ; le RGB a une plage numérique de 3x256. Par conséquent, les couleurs énergiques que le RGB peut produire sont difficiles à reproduire en CMYK.

Lors de la conception, la plus grande erreur que vous pourriez faire est d'oublier de convertir au mode couleur approprié pour votre projet. Si vous oubliez de le faire, les couleurs pourraient apparaître délavées ou trop vives. 

Réflexions finales

En tant que designer, ce serait vraiment dommage si les couleurs que vous avez soigneusement choisies pour votre projet ne se révèlent pas comme vous l'aviez prévu. Tout comme nous devons être attentifs aux polices, aux tailles des éléments et aux espacements dans nos designs, la couleur est un autre aspect à surveiller. Avoir une meilleure compréhension de la façon dont ces modes fonctionnent ne peut pas faire de mal.

Concevoir peut être accablant en considérant tous les éléments, mais ne vous inquiétez pas, vous n'avez pas à le faire seul. Découvrez l'art de la collaboration créative pour donner vie à votre contenu, de l'idéation à la publication sans faille.