Un client transmet sa charte graphique à un imprimeur, à un développeur web et à un enseigniste, et chacun cherche un chiffre différent à côté du même orange. Si la palette ne donne qu'un HEX, l'imprimeur le convertit avec le profil installé sur son poste, l'enseigniste devine une peinture, et trois prestataires produisent trois oranges. Ce guide liste les codes couleur qu'une palette doit indiquer, explique pourquoi les valeurs d'impression ne se calculent pas à partir des valeurs écran, et montre comment les préparer dans Illustrator puis les écrire dans la charte.
Les codes couleur dont une charte a besoin
| Code | Utilisé pour | Exemple |
|---|---|---|
| HEX | Sites web, applications, Figma, Canva, tout champ de couleur à l'écran | #E8552B |
| RGB | Documents écran, présentations, vidéo, logiciels de bureautique | 232, 85, 43 |
| CMJN (CMYK) | Impression en quadrichromie : brochures, cartes, packaging | 0, 76, 96, 0 sur papier non couché (FOGRA29) |
| Pantone | Ton direct : une encre prémélangée pour la papeterie, le packaging, les objets promotionnels, la sérigraphie | Un numéro suivi de C ou U, par exemple Pantone 286 C |
| RAL | Peinture, thermolaquage, signalétique, agencement de magasins | Quatre chiffres, par exemple RAL 9005 (noir foncé) |
Toute marque a besoin du HEX, du RGB et du CMJN ; de Pantone dès qu'un support est imprimé en ton direct ; du RAL dès que la marque est peinte sur un mur, un véhicule ou une enseigne. Les trois premières lignes décrivent le même orange. Les deux dernières montrent seulement la notation : un ton direct ou une peinture se choisit à l'œil dans un nuancier physique, il ne se calcule pas à partir d'un HEX.
HEX et RGB : une couleur, deux notations
Un code HEX est la valeur RGB écrite en base 16 : E8 vaut 232, 55 vaut 85 et 2B vaut 43, donc #E8552B et 232, 85, 43 désignent la même couleur. Donnez les deux : les outils web et de design attendent un HEX, les logiciels de bureautique demandent souvent trois nombres, et c'est en recopiant l'un dans l'autre que les fautes de frappe arrivent. Les deux décrivent le sRGB, l'espace colorimétrique que le web suppose et l'espace de travail RGB par défaut d'Illustrator (qui écrit RVB dans son interface française).
CMJN : la valeur dépend du papier
Des valeurs CMJN ne sont pas une couleur, ce sont des instructions pour une presse : combien de chaque encre déposer. Un papier non couché absorbe davantage l'encre et fait grossir chaque point de trame, donc les quatre mêmes valeurs ne rendent pas pareil sur papier couché et non couché, et la même couleur cible demande des valeurs différentes sur chacun. Un profil ICC décrit une condition d'impression, et une conversion depuis le RGB n'a de sens que par rapport à l'un d'eux.
Voici trois couleurs d'une palette d'exemple, converties depuis le sRGB avec deux profils fournis avec Illustrator (colorimétrie relative, compensation du point noir) :
| Couleur | Coated FOGRA39 | Uncoated FOGRA29 |
|---|---|---|
| Braise #E8552B | 1, 78, 87, 0 | 0, 76, 96, 0 |
| Rade #1F4E79 | 93, 67, 29, 14 | 97, 73, 25, 10 |
| Fusain #1A1A1A | 74, 67, 62, 83 | 84, 76, 56, 71 |
Le moteur colorimétrique d'Illustrator peut s'écarter d'un point ou deux ; ce qui compte, c'est l'écart entre les colonnes.
Pourquoi une conversion est un point de départ, pas une réponse
Une conversion imite la couleur écran d'aussi près qu'une presse le permet, sans savoir comment la couleur sera utilisée. Sur la ligne Fusain, un quasi-noir destiné au texte devient quatre encres totalisant 286 %, ce qui fait apparaître le moindre défaut de repérage sur un petit corps ; le noir du texte s'imprime en 0, 0, 0, 100. Le 1 % de cyan de l'orange sur couché est un parasite à supprimer. Les orangés, les verts et les bleus vifs sortent souvent du gamut CMJN : la valeur convertie est plus terne et demande une décision humaine.
Demandez à l'imprimeur avec quel profil il imprime : en Europe, souvent PSO Coated v3 (FOGRA51) ou PSO Uncoated v3 (FOGRA52), gratuits auprès de l'European Color Initiative ; en Amérique du Nord, GRACoL 2013 ou SWOP. Réglez-le comme espace de travail CMJN dans les paramètres de couleurs du menu Édition, convertissez, nettoyez les valeurs et vérifiez une épreuve sur le vrai papier. Écrivez ensuite deux valeurs CMJN dans la charte, couché et non couché, chacune avec le nom de son profil.
Pantone : tons directs, C et U
Le Pantone Matching System numérote des encres prémélangées. Un ton direct s'imprime avec sa propre plaque et sa propre encre au lieu d'être reconstitué avec les quatre encres de quadrichromie, ce qui le rend beaucoup plus constant d'un tirage à l'autre. Les fournisseurs d'objets promotionnels, de sérigraphie et de packaging le demandent.
Chaque référence porte un suffixe : C pour le papier couché, U pour le non couché. Pantone 286 C et 286 U sont la même encre ; la version U paraît plus terne parce que le papier non couché boit l'encre. Donnez les deux si la marque imprime sur les deux papiers ; choisir un autre numéro U, plus proche du rendu couché, est légitime à condition de l'écrire. Choisissez la référence à l'œil dans un nuancier Pantone imprimé, sous une bonne lumière, à côté de la couleur validée, et non avec un convertisseur HEX vers Pantone en ligne : beaucoup de couleurs Pantone n'ont pas d'équivalent exact en CMJN ni en sRGB.
Pantone dans les applications Adobe depuis 2022
À partir de 2022, Adobe a cessé de fournir la plupart des nuanciers Pantone avec Illustrator, Photoshop et InDesign, et la version d'octobre 2023 d'Illustrator a retiré les trois derniers (Pantone+ CMYK Coated, CMYK Uncoated et Metallic Coated). Pour choisir des couleurs Pantone dans Illustrator, il faut désormais l'extension Pantone Connect, disponible sur Adobe Exchange, et une licence Pantone Connect payante. Les documents qui contiennent déjà des nuances Pantone les conservent, et d'autres nuanciers comme HKS, TOYO, DIC et TRUMATCH sont toujours fournis avec Illustrator.
RAL pour la peinture et la signalétique
Les enseignistes, les thermolaqueurs et les agenceurs travaillent en RAL. Les codes RAL Classic ont quatre chiffres, dont le premier indique la famille (5 pour les bleus, 9 pour les blancs et les noirs), et un nom : RAL 9005 est le noir foncé. Choisissez le code dans un nuancier physique, à côté d'une impression de la couleur de marque. Les films vinyles suivent la gamme propre à chaque fabricant : laissez l'enseigniste proposer le film le plus proche.
Créer des nuances nommées dans Illustrator
La charte n'est jamais plus cohérente que le fichier dont elle sort : une nuance sans nom appelée R=232 V=85 B=43, à côté d'un orange légèrement différent prélevé dans un PNG, et la charte dérive à son tour.
Faire de chaque couleur de marque une nuance globale nommée
Dans le panneau Nuancier, cliquez sur Nouvelle nuance, donnez à la couleur son nom de marque ("Braise", et non "Orange 2"), choisissez le mode colorimétrique et cochez Global. Une nuance globale est liée à chaque objet et à chaque teinte peints avec elle, donc la modifier met à jour tout le fichier ; elle affiche un petit triangle blanc dans le coin de sa vignette. Réappliquez-la aux éléments peints avant qu'elle devienne globale. Pour une référence Pantone, réglez le Type de couleur sur Ton direct.
Grouper la palette
Sélectionnez les nuances de la marque et cliquez sur Nouveau groupe de couleurs en bas du panneau : un groupe par rôle, Principale, Secondaires et Neutres. Sélectionnez ensuite toutes les nuances inutilisées depuis le menu du panneau et supprimez-les, pour que le fichier ne contienne que la palette. Le même menu enregistre la bibliothèque de nuances au format ASE, qui transmet les nuances nommées à InDesign ou à Photoshop.
Choisir le mode de définition de chaque nuance
Une nuance stocke un seul jeu de valeurs dans un seul mode colorimétrique. Dans un fichier maître en RGB, définissez les nuances de la marque à partir du HEX validé, gardez les valeurs d'impression éprouvées dans une copie CMJN sous les mêmes noms, et écrivez celles-ci dans la charte pour que personne ne les reconvertisse.
Écrire la palette dans la charte graphique
La page couleur est celle où l'on copie les valeurs, alors donnez à chaque couleur un bloc qui répond à chaque prestataire : nom, rôle, HEX, RGB, CMJN couché et non couché avec le profil, et Pantone C et U et RAL quand ils servent. Le guide de la charte graphique pour freelances range cette page parmi l'essentiel, et le guide des fichiers de comment livrer un logo à un client y renvoie pour les commandes d'objets promotionnels.
Principale, secondaires, neutres, et dans quelles proportions
Listez d'abord la couleur principale, puis les secondaires, puis les neutres, et montrez les proportions avec une barre ou une répartition simple : les neutres pour la plupart des surfaces, la principale en accent, les secondaires pour les graphiques. Sans proportions, un client au logo orange fait un site orange.
Le contraste du texte sur la couleur
Indiquez quelles couleurs de texte sont autorisées sur quels fonds, selon les ratios des WCAG 2. Le texte courant demande au moins 4,5:1 avec son fond. Le texte de grande taille, au moins 18 pt ou 14 pt en gras (environ 24 px, ou 18,7 px en gras), demande 3:1, tout comme les icônes et les éléments de graphiques ou de commandes qu'il faut voir. Le niveau AAA, plus strict, demande 7:1 et 4,5:1. Les logos en sont exemptés, et un ratio juste sous le seuil échoue : 4,4:1 n'est pas 4,5:1.
| Texte sur fond | Ratio | Autorisé pour |
|---|---|---|
| Fusain sur Papier (#F4F1EC) | 15,4:1 | Tout texte |
| Blanc sur Rade | 8,7:1 | Tout texte |
| Fusain sur Braise | 4,8:1 | Tout texte |
| Blanc sur Braise | 3,6:1 | Grand texte et icônes uniquement |
| Braise sur Papier | 3,2:1 | Grand texte et icônes uniquement |
| Braise sur Rade | 2,4:1 | Jamais pour du texte |
Le blanc sur l'orange de la marque est la surprise classique : il a de l'allure, et il échoue pour le texte courant.
Les erreurs courantes
- Un CMJN converti, jamais éprouvé. Une valeur convertie est une estimation pour une seule presse.
- Un Pantone tiré d'un site de conversion. Il renvoie le numéro le plus proche dans un tableau, pas l'encre qui rend juste.
- La seule référence C. Le papier à en-tête s'imprime sur non couché ; donnez un U à l'imprimeur.
- Un noir quadri pour le texte. Un petit corps en quatre encres trahit le moindre défaut de repérage. Gardez 100 % de noir.
- Des codes qui ne vivent que dans un PDF. Les valeurs copiées ramassent des sauts de ligne parasites ; voir charte graphique PDF ou en ligne.
Questions
Que sont les codes couleur d'une marque ?
Ce sont les valeurs qui reproduisent une couleur de marque sur chaque support : HEX et RGB pour l'écran, CMJN pour l'impression en quadrichromie, une référence Pantone pour le ton direct et un code RAL pour la peinture et la signalétique. Une palette complète donne tous ceux que la marque utilise.
Comment trouver le code couleur d'un logo ?
Dans Illustrator, sélectionnez la forme et lisez le panneau Couleur. Depuis un PNG ou un site web, une pipette donne un HEX sRGB approximatif. Les valeurs CMJN et Pantone ne se lisent pas sur une image écran : demandez la charte graphique ou le fichier d'origine.
Comment convertir un code HEX en CMJN ?
Réglez le profil de l'imprimeur comme espace de travail CMJN dans les paramètres de couleurs du menu Édition, puis passez le mode colorimétrique de la nuance de RVB à CMJN dans les Options de nuance. Nettoyez le résultat et vérifiez-le sur une épreuve, sur le vrai papier.
Faut-il un abonnement pour utiliser les couleurs Pantone dans Illustrator ?
Pour choisir dans les nuanciers Pantone depuis Illustrator, oui : depuis la version d'octobre 2023, cela passe par l'extension Pantone Connect et une licence payante. Les fichiers qui contiennent déjà des nuances Pantone s'ouvrent toujours avec elles.
Comment Anchr Tools gère la palette
Anchr Guide lit jusqu'à six couleurs dans les nuances nommées du fichier Illustrator ouvert et écrit pour chacune les valeurs HEX, RGB et CMJN dans la charte graphique ; Folio, le modèle de 12 pages, comporte une page de palette et une page du logo sur couleur. Comme toute valeur convertie, le CMJN est un point de départ : le PDF est modifiable, alors saisissez-y les valeurs éprouvées avec l'imprimeur et ajoutez les références Pantone et RAL, car Anchr Tools ne produit pas de valeurs Pantone.
Anchr Portal publie les mêmes couleurs sur la page hébergée de la marque, avec les codes HEX, RGB et CMJN à copier en un clic, pour que personne ne recopie un HEX à la main. Les deux outils sont inclus dans chaque forfait : Per brand à 49 USD par an avec un essai de 7 jours, ou Studio à 199 USD par an avec un essai de 14 jours ; voir les tarifs.