Principes de base des couleurs pour l’impression et le Web

Une roue des couleurs de base peut aider les quilteuses.
Dimitri Otis / Getty Images

Saviez-vous que la roue des couleurs que vous avez apprise à l’école n’est pas la même que celle utilisée pour le web ? Ce n’est même pas la façon dont les couleurs sont mélangées pour l’impression ? Eh bien, les mêmes couleurs, mais des arrangements et des mélanges différents.

Mélange des couleurs à l’école primaire

Traditionnel (pensez à la peinture ou aux crayons)

• Le traditionnel primaire Les couleurs sont le rouge, le jaune et le bleu.
• Mélangez deux couleurs primaires pour obtenir complémentaire ou des couleurs secondaires.
• Le traditionnel complémentaire Les couleurs sont l’orange (rouge plus jaune), le vert (jaune plus bleu) et le violet (bleu plus rouge).

À l’école primaire, vous avez probablement eu de nombreuses occasions de mélanger les couleurs primaires et d’en créer de nouvelles. C’était magique ! Le mélange des couleurs pour l’impression avec l’encre ne fonctionne pas tout à fait de la même façon. Les couleurs primaires de la lumière et de l’encre ne sont pas les mêmes que les couleurs primaires rouges, jaunes et bleues de la peinture. En fait, il y a 6 couleurs primaires.

Primaires additifs et soustractifs

La façon dont nous voyons la couleur est un peu différente de la façon dont nous mélangeons la peinture. Au lieu des couleurs primaires rouge, bleu et jaune, nous avons deux types différents de couleurs primaires. Vous avez probablement déjà vu un prisme briser un faisceau de lumière en un arc-en-ciel de couleurs. Le spectre visible de la lumière se décompose en trois régions de couleur : le rouge, le vert et le bleu.

• Ajoutez une lumière rouge, verte et bleue (RVB) pour créer une lumière blanche. Parce que vous ajoutez les couleurs ensemble pour obtenir du blanc, nous les appelons les primaires additives. Les couleurs à l’écran sont affichées en mélangeant des quantités variables de lumière rouge, verte et bleue. Gardez à l’esprit que les primaires additives font généralement référence au mode couleur RVB à l’écran. Le mélange des encres ou peintures rouges, vertes et bleues ne produit pas de blanc.
• Soustrayez une des couleurs RVB des autres et il vous reste une autre couleur. RVB moins le rouge laisse le cyan. RVB moins le bleu laisse le jaune. RVB moins les feuilles vertes magenta. Ces couleurs sont appelées les primaires soustractives (CMY). Les couleurs d’encre cyan, magenta et jaune – ainsi que le noir – sont utilisées dans l’impression en quadrichromie, également appelée CMJN. La combinaison de deux primaires soustractives donne une des primaires additives (par exemple, cyan + jaune donne du vert). Le mélange des trois primaires soustractives donne du noir (pas un noir pur, mais une couleur sombre semblable au noir).

Ensuite, nous examinerons la façon dont nous essayons de reproduire la couleur sur papier et sur le web.

La couleur RGB dans la publication assistée par ordinateur

Votre écran d’ordinateur émet de la lumière, il est donc logique que l’ordinateur utilise les trois régions de couleur rouge, verte et bleue (les primaires additives) pour reproduire les couleurs que nous voyons.

En travaillant avec des images destinées à l’écran ou au web, nous désignons les couleurs par la quantité de rouge, de vert ou de bleu dans la couleur. Dans votre logiciel graphique, ces chiffres peuvent ressembler à ceci :

• 255 ROUGE 255 VERT 0 BLEU
• 255R 255G 0B
• RGB : 255 255,0
• FFFF00 (peut s’écrire #FFFF00)

Tous ces éléments représentent le jaune. Un nombre compris entre 1 et 255 désigne la quantité de chaque couleur de rouge, de vert ou de bleu, 255 étant la valeur pure à 100 % de la couleur. Zéro signifie qu’il n’y a rien de cette couleur. Pour que votre ordinateur puisse comprendre ces nombres, nous les traduisons en 6 chiffres hexadécimal numéros ou les triplets (codes hexadécimaux).

Dans notre exemple, FF est l’équivalent hexadécimal de 255. Le triplet hexadécimal est toujours de l’ordre du RVB, donc le premier FF est rouge. Le deuxième FF est jaune. Il n’y a pas de bleu, donc il a 00, l’équivalent hexadécimal de zéro.

Ce sont les bases de la couleur sur le web. Pour en savoir plus sur le RVB et sur l’aspect d’une couleur à l’écran, consultez ces ressources plus détaillées sur la couleur sur le web.

La couleur CMJ dans la PAO

La couleur (lumière) est obtenue en soustrayant des quantités différentes d’autres couleurs des primaires additives (RVB). Mais en impression, lorsque nous mélangeons (ajoutons) les encres entre elles, les couleurs ne ressortent pas comme on pourrait s’y attendre. Par conséquent, nous commençons par les primaires soustractives (CMJ) et nous les mélangeons en quantités variables (plus le noir, abrégé en K) pour obtenir les couleurs que nous voulons.

Les couleurs pour l’impression sont mélangées dans des pourcentages tels que :

• 50% CYAN 100% MAGENTA 25% JAUNE
• C50 M100 Y25
• Comme le noir est généralement utilisé avec le CMJ, un pourcentage pour le noir (même s’il est 0) est également inclus, comme C50 M100 Y25 K0

La 4ème barre de couleur dans cet exemple est une couleur violette faite avec des quantités différentes de chacune des primaires soustractives (et pas de noir). La couleur rouge qui la précède est l’équivalent CMJ du rouge RVB. La barre de couleur inférieure n’utilise pas d’encres CMJ, mais seulement 80 % de noir (K).

Ce modèle de couleur CMJ(K) n’est qu’une des nombreuses façons dont nous pouvons exprimer la couleur pour l’impression – mais nous garderons ce sujet pour un autre article. Il existe d’autres termes liés à la couleur que nous aborderons brièvement, puis nous en dirons plus sur la spécification des couleurs pour l’impression.

Spécification des couleurs

Utilisez des pourcentages d’une couleur, des couleurs d’accompagnement, des teintes et des nuances, ou faites une impression en couleur avec seulement 4 couleurs d’encre.

Choisir les combinaisons de couleurs les plus agréables ou les plus efficaces n’est qu’une partie de l’équation dans le travail avec la couleur. Vous devez également être en mesure de spécifier les couleurs que vous souhaitez. Pour l’impression, il existe plusieurs façons de spécifier la couleur et cela peut varier en fonction du nombre de couleurs utilisées et de la façon dont vous les utilisez. Nous allons juste passer en revue quelques-unes des possibilités.

• Les teintes d’une seule couleur – Vous pouvez obtenir une grande variété d’effets en utilisant une seule couleur d’accompagnement (1/C) en spécifiant que la couleur est tramée (teintes). Ces teintes sont des pourcentages de la couleur solide (100 %).
• Deux couleurs ou plus – Combiner des teintes unies et des teintes tamisées de deux ou plusieurs couleurs (2/C, 3/C, 4/C, etc.). Dans l’exemple ci-dessus, les couleurs sont toutes des combinaisons d’une seule couleur plus le noir (K) (les trois premiers sont cyan, les trois derniers sont magenta). (pour l’impression, le noir est une couleur). Ce sont également des pourcentages.
• Couleurs PMS – Pour faire correspondre exactement une couleur (ou aussi près que possible de l’impression), vous pouvez utiliser un système tel que le Pantone Matching System. Il en existe d’autres. Les mélanges de couleurs sont numérotés pour faciliter la consultation. Votre programme graphique peut comporter des palettes de couleurs portant le nom de certains des systèmes de correspondance des couleurs les plus populaires. Celles-ci vous permettent de choisir des couleurs pour votre dessin qui correspondent au système de correspondance des couleurs utilisé par votre imprimante.

Les noms/numéros de couleur dans l’image peuvent ne pas refléter les désignations les plus courantes de Pantone.

• CMYK – Dans l’impression en quadrichromie, pour reproduire la couleur en continu, nous utilisons quatre couleurs spécifiques. Ces couleurs de procédé sont le cyan (C), le jaune (Y), le magenta (M) (les couleurs SUBTRACTIVES de notre roue des couleurs) et le noir (K). La perception de millions de couleurs est obtenue non pas en mélangeant ces couleurs d’encre, mais en imprimant des milliers de minuscules points de chaque couleur dans des tailles et des motifs différents. L’œil fusionne ces points et voit plus que les quatre couleurs CMJN (ou parfois écrites CJMN).
• Séparations de couleurs – Dans l’impression en quadrichromie, plutôt que de spécifier des couleurs spécifiques, vous créez une copie différente de votre œuvre pour chacune des quatre couleurs (CMJN). Chaque copie est imprimée l’une sur l’autre pour créer l’effet optique de la couleur. Des séparations sont également créées lorsque vous utilisez plus de deux couleurs d’accompagnement, chaque séparation ne contenant que les parties de la page correspondant à cette couleur spécifique. Dans l’illustration, les 4 images en niveaux de gris représentent la plaque d’impression pour chacune des 4 couleurs primaires. Vous avez remarqué que la plaque Magenta est beaucoup plus foncée sur le corps du tracteur ? Il faut beaucoup plus de cette encre rougeâtre pour produire le tracteur rouge vif.

Il ne s’agit évidemment que d’un aperçu rapide. Des centaines de livres et d’articles ont été écrits sur le processus de spécification et d’impression en couleur.

Perception de la couleur

Si vous pensiez que les couleurs primaires étaient le rouge, le bleu et le jaune, avec des couleurs complémentaires ou secondaires comme le violet, le vert et l’orange, alors vous devez visiter ou revoir les pages précédentes de ce tutoriel sur les bases des couleurs car pour cette discussion, nous nous basons sur les couleurs primaires additives et soustractives, RVB et CMJ.

Plusieurs facteurs influencent la façon dont nous percevons la couleur. L’un de ces facteurs peut être démontré par la position des couleurs sur la roue des couleurs par rapport aux autres couleurs.

En science et en théorie des couleurs, il existe des définitions précises des couleurs adjacentes, contrastées et complémentaires et de la façon dont elles apparaissent sur la roue des couleurs. En graphisme et dans d’autres domaines, nous utilisons une interprétation plus souple. Les couleurs n’ont pas besoin d’être directement opposées ou d’avoir un certain degré de séparation pour être considérées comme contrastantes ou complémentaires. En design, il s’agit plutôt de perception et de sentiment.

• Adjacent – Les couleurs apparaissent les unes à côté des autres sur la roue des couleurs. Deux ou plusieurs couleurs adjacentes s’harmonisent entre elles. Elles fonctionnent bien ensemble (généralement mais pas toujours). En savoir plus sur les couleurs adjacentes. Le terme « harmoniser » sonne bien, agréable. Mais certaines couleurs harmonisées peuvent sembler délavées (jaune/vert) ou trop sombres et similaires (bleu/violet) pour bien fonctionner ensemble.
• Contraste – les couleurs apparaissent dans différents segments de la roue des couleurs (divisez-la en quarts pour faciliter la visualisation). Plus les couleurs sont éloignées les unes des autres en termes de teinte, de saturation ou de valeur, plus le contraste est important. En savoir plus sur les couleurs contrastées. Bien que le contraste soit souvent nécessaire pour assurer une lisibilité optimale (par exemple, un contraste élevé entre le fond et le texte), certaines couleurs contrastées, lorsqu’elles sont imprimées côte à côte, peuvent sembler vibrer et être très fatigantes pour l’œil.
• Complément – Les couleurs apparaissent sur les côtés opposés de la roue des couleurs, directement ou presque directement en face les unes des autres. En savoir plus sur les couleurs complémentaires. On confond souvent complémentaire et gratuit. Différentes significations. Deux couleurs qui se complètent (se flattent) peuvent être complémentaires ou non.

Les combinaisons de couleurs adjacentes, contrastées et complémentaires peuvent souvent être améliorées par l’utilisation de nuances et de teintes ou la création d’un contraste supplémentaire avec le noir ou le blanc. Voir la page suivante pour plus d’informations sur les bases de la combinaison des couleurs.

Teintes, teintes, nuances et couleurs de saturation

Il y a plus de couleurs que nous pouvons voir et créer que le rouge, le vert, le bleu, le cyan, le jaune et le magenta. Bien que la roue des couleurs soit souvent représentée avec des blocs de couleurs distincts, ce sont en réalité des millions de couleurs qui se fondent les unes dans les autres lorsque nous nous déplaçons sur la roue.

Chacune de ces couleurs individuelles est une teinte. Le rouge est une teinte. Le bleu est une teinte. Le violet est une teinte. Sarcelle, Violet, Orange et Vert sont toutes des teintes.

Vous pouvez changer l’apparence d’une teinte en ajoutant du noir (ombre) ou du blanc (lumière). Le site valeur de la lumière ou de l’obscurité et de la saturation ou la quantité de la teinte nous donne nos nuances et nos teintes.

• Ajouter des quantités variables de noir pour obtenir nuances. Pensez à l’obscurité à venir et aux ombres qui s’assombrissent pour vous rappeler qu’un hue plus noir est égal à un ombre.
• Ajoutez des quantités variables de blanc pour éclaircir une teinte. Les teintes claires sont teintes. En termes d’impression, vous utilisez des pourcentages de couleurs d’encre qui constituent la teinte pure comme 80%, 50% ou 10%.

Il ne s’agit que d’une introduction de base. Jouez avec la saturation et la valeur pour créer des teintes et des nuances de différentes teintes en utilisant ce créateur de schéma de couleurs interactif de Colorspire. Vous pouvez également utiliser les fonctions de couleur de votre logiciel graphique préféré pour expérimenter la teinte, la saturation et la valeur.

L’intensité, la clarté ou la luminosité peuvent être utilisées pour faire référence à la valeur d’une couleur dans certains logiciels.

Combinaisons de couleurs communes

Choisir une couleur est déjà assez difficile, mais ajouter une ou plusieurs couleurs au mélange peut être décourageant. Si vous faites une recherche sur le web ou si vous lisez divers livres et magazines sur les couleurs, vous trouverez plusieurs méthodes courantes décrites. Il y aura également des variantes. Pour vous aider à démarrer, voici quelques méthodes qui vous permettront de trouver la palette parfaite pour vos projets imprimés ou web.

• Monochromatique – Les palettes de couleurs commencent par une seule teinte, puis utilisent des nuances et/ou des teintes de cette couleur pour s’étendre à deux, trois ou plusieurs couleurs. Pour l’édition imprimée, l’utilisation de teintes d’une seule couleur est une façon d’utiliser la couleur sans les dépenses de l’impression traditionnelle en quadrichromie. Ajoutez de l’encre noire pour le texte et les accents.
• Analogue – ou l’harmonisation des palettes de couleurs utilisent deux ou plusieurs couleurs adjacentes sur la roue des couleurs. Si vous utilisez un très petit segment de la roue des couleurs, l’ajout de nuances ou de teintes d’une ou de plusieurs des teintes peut empêcher que ces couleurs ne soient trop délavées ou peu contrastées.
• Complément – Les palettes de couleurs peuvent utiliser deux, trois ou quatre paires de couleurs complémentaires. Avec la palette complémentaire divisée, regardez de chaque côté du complément (opposé) de votre couleur principale pour trouver une paire appropriée pour compléter la triade.
• Triade – Les palettes de couleurs utilisent un trio de couleurs. Je commence par trouver trois couleurs qui sont régulièrement espacées autour de la roue des couleurs et je travaille à partir de là.
• Mélangez-les – en choisissant une paire complémentaire puis en ajoutant une teinte (ou deux) de l’une des couleurs (monochrome + complémentaire). Ou choisissez deux à quatre couleurs analogues (adjacentes) plus le complément d’une de ces teintes (analogue + complémentaire).

Ce ne sont là que des points de départ. Il n’y a pas de règles strictes et immuables pour mélanger et assortir les couleurs. Vous constaterez également que les roues de couleurs présentées sur différents sites peuvent être très différentes, de sorte que les opposés directs sur une roue de couleurs sont quelque peu différents sur une autre. Ce n’est pas grave. C’est en déplaçant quelques teintes d’une manière ou d’une autre lors de l’appariement des couleurs que l’on obtient toutes sortes de palettes de couleurs intéressantes. En résumé : Choisissez des combinaisons de couleurs qui conviennent à votre projet.

• Combien de couleurs devez-vous utiliser ? – Deux à cinq (y compris noir ou blanc) est courant. Plus que cela (à l’exclusion des photographies) peut devenir visuellement écrasant – et selon votre méthode d’impression/type d’encre, cela peut être coûteux. Mais ce n’est qu’une ligne directrice, pas une règle. Pour les pages web, l’utilisation de plus de couleurs n’a pas d’incidence sur le coût, sauf en termes de perte de clients si les couleurs sont trop fortes.
• Quelle quantité de chaque couleur devez-vous utiliser ? – Bien que l’équilibre soit important, cela ne signifie pas que vous devez utiliser des quantités égales de chaque couleur de la palette choisie. Équilibrez une dose de couleur forte avec de plus petites quantités de plusieurs couleurs plus claires ou plus denses. Là encore, il n’y a pas d’absolu. Si vous utilisez une paire de couleurs très fortes, en utiliser moins d’une peut éviter que votre page ne submerge le lecteur.
• Y a-t-il des combinaisons de couleurs qui ne devraient jamais être utilisées ? – Peut-être. Peut-être que non. Découvrez quelques-unes des combinaisons de couleurs interdites avant de faire vos choix définitifs de combinaisons de couleurs.

Affiner les combinaisons de couleurs

Certaines des ambiguïtés des combinaisons de couleurs adjacentes, contrastées et complémentaires peuvent être atténuées par l’introduction du noir et du blanc, du foncé et du clair, des nuances et des teintes.

Nuances et teintes de couleur

En utilisant des couleurs adjacentes ou en les harmonisant, vous pouvez obtenir un plus grand degré de lisibilité en ajoutant du noir ou du blanc à l’une des teintes – ce qui modifie la saturation et la valeur d’une teinte. Le noir crée une nuance plus sombre de la teinte. Le blanc crée une teinte plus claire de la nuance. Lorsqu’un couple jaune et jaune-vert est trop proche pour bien fonctionner ensemble, l’utilisation d’une teinte de vert plus foncée peut aider le combo à s’épanouir.

Il ne s’agit que d’une introduction de base. Jouez avec la saturation et la valeur pour créer des teintes et des nuances de différentes teintes en utilisant ce créateur de schéma de couleurs interactif de Colorspire. Vous pouvez également utiliser les fonctions de couleur de votre logiciel graphique préféré pour expérimenter la teinte, la saturation et la valeur. Certains logiciels de graphisme peuvent utiliser l’intensité, la luminosité ou la légèreté pour faire référence à la valeur d’une teinte.

Créer un contraste avec le noir et blanc

Le blanc est la couleur claire par excellence et contraste bien avec les couleurs sombres comme le rouge, le bleu ou le violet. Le noir est la couleur foncée par excellence et fait ressortir les couleurs plus claires comme le jaune.

Une ou plusieurs couleurs peuvent changer – ou plutôt notre perception de celles-ci change – en raison des autres couleurs environnantes, de la proximité des couleurs entre elles et de la quantité de lumière. C’est pourquoi une paire de couleurs qui peuvent s’opposer lorsqu’elles sont placées côte à côte, peut fonctionner et avoir une bonne apparence lorsqu’elles sont séparées sur la page ou utilisées avec d’autres couleurs.

Une couleur claire apparaît encore plus claire lorsqu’elle est adjacente à une couleur sombre (y compris le noir). Deux couleurs similaires côte à côte peuvent apparaître comme deux couleurs distinctes, mais placées à distance l’une de l’autre, elles commencent à ressembler à la même couleur.

Le papier et les émotions affectent la perception des couleurs

La quantité de lumière que nous percevons dans une couleur est également affectée par la surface sur laquelle elle est imprimée. Une corvette rouge brillante imprimée dans une annonce de magazine sur du papier brillant et lisse ne sera pas identique à la corvette rouge imprimée dans l’annonce de journal. Les papiers absorbent et reflètent la lumière et la couleur différemment.

Signification des couleurs

En outre, nos choix de couleurs sont souvent dictés par les émotions que suscitent certaines couleurs et combinaisons de couleurs. Certaines couleurs créent des réactions physiques. Certaines couleurs et combinaisons de couleurs ont des significations spécifiques basées sur l’usage traditionnel et culturel.

• Calmer – Bleu, vert, turquoise, argent
• Passionnant – Rouge, rose, jaune, or, orange
• Signification des couleurs froides et chaudes mélangées – Violet, Lavande, Vert, Turquoise
• Signification des couleurs neutres (unificateur) – Brun, Beige, Ivoire, Gris, Noir, Blanc