Comment rendre la couleur de mon logo identique dans Web & Print?


16
  • Mon client voulait utiliser la couleur # dd0017 comme rouge primaire dans son site Web
  • Tout au long du chemin, nous avons conçu l'ensemble du site et le logo dans cette couleur (j'ai fait le logo en RVB).
  • Maintenant, il demande une version imprimée. J'ai essayé de créer le même logo que # dd0017. Mais cela ne prend pas du tout la valeur dans illustrator ou Photoshop. Il passe automatiquement à # db1e26.
  • De plus, la plupart des sites Web montrent que le code de couleur équivalent pour CMJN est (0,100,93,13). Lorsque j'essaie de le faire, il obtient un autre code Hex # d11628.
  • Veuillez noter que je suis un peu novice en matière de couleurs. Je suis web designer mais j'ai parfois besoin de faire des logos. Mais je ne les comprends vraiment pas beaucoup.

Donc, y a-t-il une solution? S'il n'y en a pas, quelqu'un peut-il me suggérer comment l'expliquer au client?


Tout d'abord, assurez-vous que tout le monde utilise la même marque et le même modèle de moniteur.
aslum

Réponses:


28

voici la réponse technique

Dire que la couleur est # dd0017 n'a aucun sens, à moins qu'il ne soit associé à des informations sur l'espace colorimétrique que vous utilisez! Par conséquent, la conversion de # dd0017 en CMJN n'a pas de sens. Avec cela hors de notre ordre du jour, nous pouvons commencer à chercher ce que cela signifierait dans votre scénario.

Lorsque vous parlez de couleur pure comme # dd0017, vous spécifiez une couleur différente sur chaque moniteur. Pour en parler, vous rencontrez des problèmes car nous ne savons pas si vous voulez dire:

  • Identique à votre moniteur
  • Comme sur le moniteur de vos clients
  • Identique à un espace colorimétrique standard

Voir le même nombre fait des couleurs différentes dans des espaces de couleurs différents. Pour qu'il soit logique de convertir des couleurs précises, vous devez spécifier l'espace colorimétrique utilisé. Ainsi, par exemple, # dd0017 dans l'espace colorimétrique sRGB est logique. Les chiffres ne sont pas importants et sans cette information totalement inutile. Ainsi, les nombres ne représentent pas la couleur en tant que tels, ils représentent une couleur dans un espace, différents espaces RVB auront des valeurs numériques différentes. *

Accédez à la gestion des couleurs. Pour que tout cela ait un sens, vous devez savoir quelle est la couleur dans un espace neutre de l'appareil. En substance, vous devez mesurer le moniteur, avec un colorimètre (aka calibrateur Montor comme un ColorMunki par exemple). De plus, vous devez savoir quelles sont les conditions d'éclairage sur le bureau, donc pour être précis, vous devez mesurer ce moniteur là où il est utilisé (ou le faire en continu). Vous pouvez maintenant créer un profil pour votre moniteur, qui nous indique à quoi ressemble ce combo moniteur / espace de travail particulier, car chaque moniteur sur le globe est unique.

Nous pouvons ensuite associer ce nombre magique à ces informations de profil pour obtenir des valeurs neutres de périphérique ou rendre l'affichage conforme à un espace colorimétrique standard comme sRGB. Si vous faites afficher le moniteur comme sRGB, vous voyez alors les couleurs comme prévu par la norme qui est ce que le Web devrait être.

Ok, vous pouvez maintenant convertir la couleur en espace neutre, mais vous devez évidemment connaître l'espace des imprimantes. Pour l'imprimante, le processus est sensiblement le même. Une imprimante commerciale utilise très probablement l'étalonnage à un espace standard, donc encore une fois, dire des valeurs CMJN sans dire l'espace n'a pas de sens. Mais si vous voulez faire de même avec une imprimante de bureau, elle doit également être calibrée, je suggère au moins 3 fois par durée de vie de la cartouche de toner.

Attraper 13

La correspondance des couleurs pose de nombreux problèmes, mais la question centrale est de savoir quoi faire avec les couleurs qui ne peuvent pas être reproduites. Il se peut que votre couleur dépasse les couleurs que votre imprimante CMJN peut produire. La taille de chaque espace est appelée gamme, et dépasser une gamme est facile car l'espace sRGB est beaucoup plus grand que les espaces CMJN standard SWOP, FOGRA, GRACol etc ...

C'est pourquoi la plupart des designers conçoivent à l'envers. Ils choisissent une couleur, généralement pas en CMJN mais en Pantone et reculent à partir de là. Encore une fois, Pantone est plus grand que CMJN mais fournit de bons points de départ pour les conversions et possède des puces de couleur qui reflètent avec précision les valeurs disponibles. Principalement parce que c'est plus facile que d'essayer de suivre la voie technologique, ce qui est pour le moins exigeant.

Alors oui, cela peut être fait, mais vous oblige à faire beaucoup de travail.

* C'est ce que Photoshop fait pour vous, on lui a dit que l'espace avec lequel vous travaillez est X et que le moniteur est Y et que les nombres changent pour correspondre.


Notez également qu'Adobe suggère la couleur sûre la plus proche de la couleur actuelle lorsque vous en choisissez une dans la palette. Il distingue les couleurs sûres pour l'impression et sûres pour l'affichage. Je pense que la sécurité ici signifie moins risqué.
Crowley

5
C'est une bonne réponse, +1. Vous pouvez également mentionner brièvement que la couleur perçue par un observateur humain variera considérablement en fonction de plusieurs facteurs, y compris l'éclairage (par exemple, les ombres / ombrages, etc.) et les couleurs proches de ce qui est observé (y compris le papier sur lequel il est imprimé, qui peut également saigner à travers une impression). Il existe de nombreuses illusions d'optique qui démontrent clairement qu'exactement la même couleur sera perçue différemment selon les couleurs / l'image environnantes.
Makyen

8

Faire correspondre les couleurs entre l'écran et l'impression est une tâche complexe et parfois impossible. En raison de la nature de la lumière (écrans, RVB) par rapport à l'encre (CMJN, Pantones, etc.) et du fait que presque tous les moniteurs afficheront la couleur légèrement différemment et l'impression aura un aspect différent sous différentes lumières. Ce type de gestion des couleurs est un travail en soi.

Cependant, dans ce cas, vous pourriez avoir de la chance. La couleur en question est un rouge propre et brillant, donc vos choix sont assez limités. Si vous imprimez en CMJN, il est fort probable que votre meilleure option soit 100% magenta, 100% jaune. C'est à peu près aussi rouge que vous pouvez obtenir avec les encres de process et a l'avantage d'être relativement stable car vous n'imprimez que des solides. Si vous avez la possibilité d'utiliser une couleur Pantone Spot, je suggère Pantone 485. Encore une fois, un beau rouge vif qui est le choix incontournable du concepteur pour le rouge.

Bien sûr, tout cela est subjectif et si votre client n'aime aucune des options ci-dessus, la meilleure solution consiste à lui remettre un nuancier Pantone et à le laisser choisir un rouge qu'il pense correspondre. En fin de compte, la couleur à l'écran ne correspondra jamais parfaitement à l'encre sur papier, mais trouver une couleur qui est subjectivement `` la même '' ne devrait pas être difficile et l'une des options que j'ai suggérées ci-dessus devrait faire l'affaire.


4

Vous devez choisir la valeur la plus proche d'un catalogue Pantone que vous pouvez trouver dans les imprimeries. De cette façon, vous aurez deux couleurs pour le Web et l'impression et vous devrez les définir dans les directives d'identité d'entreprise (vous pouvez voir un exemple dans le lien).

Si vous vous demandez quelle est la cause de cela, le problème est que les écrans fonctionnent en RVB et les travaux d'impression sur les couleurs CMJN, vous pouvez voir la différence ici .


4

Votre problème est que RGB et CYMK n'ont pas la même gamme ou plage. Il y a des couleurs que le RVB peut produire et que le CMJN ne peut physiquement pas.

Malheureusement, vous devez retourner voir votre client et expliquer cela, ce que vous auriez dû faire en premier lieu lorsque le client a choisi cette couleur. Vous pouvez éventuellement obtenir un ton direct qui est proche (je n'ai pas de livre Pantone ou Trumatch à portée de main pour vérifier), mais s'il n'y a pas un seul ton direct (encre prémélangée) qui fonctionne, ou CMJN ne peut pas produire cela valeur, alors votre client devra faire des compromis en quelque sorte.

Effectuez une recherche sur ce site à travers les rgbet cmykbalises et vous obtiendrez plus d' informations sur les deux gammes de couleurs et comment traduire d'adresse entre eux.


2

Il n'y a aucun moyen de rendre les couleurs exactement identiques sur l'impression et sur l'écran. À l'exception du cas, l'écran est peint avec la couleur appropriée.

  • Deux écrans différents afficheront la même coordonnée RVB différemment. Pour le démontrer, vous pouvez connecter un écran CRT et LED à l'ordinateur et cloner l'écran.
  • Une couleur photographiée sera représentée différemment à l'aide des espaces colorimétriques Adobe-RVB, s-RVB, LAB et CMJN.
  • Une couleur photographiée à l'aide de différents appareils photo sera représentée différemment. Les puces CMOS de différents fabricants ont des masques de filtre et des sensibilités légèrement différents.
  • Les mêmes couleurs CMJN (le seul espace colorimétrique pour l'impression) seront imprimées différemment sur des imprimantes de types différents. Il en va de même pour différentes marques.
  • Différents types de couleurs et différents matériaux de base se décoloreront / vieilliront différemment. Imprimez des graphiques simples, couvrez-en une partie et laissez-les une semaine au soleil.
  • Une configuration d'écran différente (luminosité, contraste, température) ruinera également votre correspondance des couleurs.

Il y a aussi peu de points supplémentaires touchant légèrement le sujet.

  • Il n'y a aucun moyen de faire correspondre la couleur imprimée avec la couleur réelle (du produit annoncé) en utilisant l'espace colorimétrique CMJN. Sauf dans le cas où le produit a la couleur exacte comme la couleur utilisée dans l'imprimante particulière.
  • La façon de réaliser, par exemple Impreza-Blue (IB) et STi-Purple (SP), les couleurs sur l'impression est d'utiliser un espace colorimétrique étendu de CMYK-IB-SP, où des encres spéciales IB et SP sont utilisées le long des encres CMJN standard . Ces encres spéciales sont mélangées sur mesure pour correspondre exactement. La couleur Impreza-Blue est la peinture métallique typique de la Subaru Impreza et STi-purple est la couleur du logo STi sur la voiture.

tl; dr
Pour démontrer le fait qu'il est impossible de créer un carré de couleur # FF0000.

Imprimez ce carré à l'aide d'une imprimante à encre et d'une imprimante laser. Utilisez différents papiers - à la fois sombres et polis; blanc, "naturel", ombré.

Montrez à votre client le carré rouge imprimé sur les papiers, sur leur écran (LCD), votre écran LCD, leur smartphone, tablette, votre smartphone, tablette, quel que soit le périphérique que vous puissiez imaginer utile.

Vous pouvez augmenter votre charge utile d'argument en utilisant différents paramètres d'imprimante (qualité photo, standard, brouillon), différentes marques d'imprimantes (HP, Canon, Epson, Brother, UTAX, ...).


S'il est habituel qu'on vous demande de réaliser cette correspondance de couleurs, faites-vous une palette de couleurs de couleurs typiques et dessinez-la au besoin. Combiné avec l'écran des clients et les smartphones, il fera un argument à l'épreuve des clients. Si ce n'est pas le cas, exécutez; courir aussi vite que possible.


C'est simplement parce que le rouge est très probablement hors gamme. Mais, lorsque vous êtes dans la gamme, il est certainement possible de s'approcher extrêmement près. Le problème est que l'impression est beaucoup plus sensible aux conditions de lumière que les écrans. Pour évaluer l'impression, vous devez le faire dans des conditions de visualisation standard.
joojaa

@joojaa Bon point. Utilisez-le à votre avantage. Je pense que même si vous êtes dans la gamme, des différences seront toujours présentes. Surtout si vous utilisez une imprimante à encre basse résolution et des couleurs vives.
Crowley
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.