Wie kann ich dafür sorgen, dass meine Logofarbe in Web & Print gleich aussieht?

  • Mein Kunde wollte die Farbe #dd0017 als primäres Rot auf seiner Website verwenden
  • Dabei haben wir die ganze Seite und das Logo in dieser Farbe gestaltet (ich habe das Logo in RGB gemacht).
  • Jetzt bittet er um eine Druckversion. Ich habe versucht, das Logo wie #dd0017 zu machen. Aber in Illustrator oder Photoshop nimmt es überhaupt keinen Wert. Es wechselt automatisch zu #db1e26.
  • Darüber hinaus zeigen die meisten Websites, dass der äquivalente Farbcode für CMYK (0,100,93,13) ist. Wenn ich das versuche, wird ein weiterer Hex-Code von #d11628 angezeigt.
  • Bitte beachten Sie, dass ich in Sachen Farben ein kleiner Neuling bin. Ich bin Webdesigner, aber manchmal muss ich Logos erstellen. Aber ich verstehe sie nicht wirklich.

Also gibt es eine Lösung? Wenn es keine gibt, kann mir bitte jemand vorschlagen, wie ich es dem Kunden erklären soll?

Stellen Sie zunächst sicher, dass alle die gleiche Marke und das gleiche Monitormodell verwenden.

Antworten (5)

Hier ist die technische Antwort

Zu sagen, dass die Farbe #dd0017 ist, ist bedeutungslos, es sei denn, sie wird mit Informationen darüber gepaart, welchen Farbraum Sie verwenden! Daher ist auch die Konvertierung von #dd0017 nach CMYK sinnlos. Nachdem dies von unserer Agenda gestrichen ist, können wir anfangen zu prüfen, was dasselbe in Ihrem Szenario bedeuten würde.

Wenn Sie von reiner Farbe wie #dd0017 sprechen, geben Sie eine Farbe an, die auf jedem einzelnen Monitor anders ist. Wenn Sie darüber sprechen, bekommen Sie Probleme, weil wir nicht wissen, ob Sie Folgendes meinen:

  • Dasselbe wie auf Ihrem Monitor
  • Dasselbe wie auf dem Monitor Ihres Kunden
  • Dasselbe wie bei einem Standardfarbraum

Sehen Sie, dass die gleiche Zahl verschiedene Farben in verschiedenen Farbräumen erzeugt. Damit eine genaue Farbkonvertierung sinnvoll ist, müssen Sie den verwendeten Farbraum angeben. So ist beispielsweise #dd0017 im sRGB-Farbraum sinnvoll. Zahlen sind nicht wichtig und ohne diese Informationen völlig nutzlos. Die Zahlen stellen also keine Farbe als solche dar, sie stellen eine Farbe in einem Raum dar, verschiedene RGB-Räume haben unterschiedliche numerische Werte.*

Geben Sie das Farbmanagement ein. Damit all dies Sinn macht, müssen Sie wissen, was die Farbe in einem geräteneutralen Raum ist. Im Wesentlichen müssen Sie den Monitor mit einem Farbmessgerät (auch bekannt als Montor-Kalibrator wie beispielsweise ein ColorMunki ) messen. Darüber hinaus müssen Sie wissen, wie die Lichtverhältnisse am Schreibtisch sind. Um genau zu sein, müssen Sie diesen Monitor dort messen, wo er verwendet wird (oder dies kontinuierlich tun). Jetzt können Sie ein Profil für Ihren Monitor erstellen, das uns sagt, wie diese bestimmte Kombination aus Monitor und Arbeitsplatz aussieht, da jeder Monitor auf der Welt einzigartig ist.

Wir können diese magische Zahl dann mit diesen Profilinformationen koppeln, um geräteneutrale Werte zu erhalten, oder das Display an einen Standardfarbraum wie sRGB anpassen. Wenn Sie den Monitor wie sRGB anzeigen lassen, sehen Sie die Farben so, wie sie vom Standard vorgesehen sind, was das Web sein sollte.

Ok, Sie können die Farbe jetzt in einen neutralen Farbraum umwandeln, aber natürlich müssen Sie immer noch den Farbraum des Druckers kennen. Für den Drucker ist der Vorgang ähnlich. Ein kommerzieller Drucker verwendet höchstwahrscheinlich eine Kalibrierung auf einen Standardabstand, so dass es bedeutungslos ist, CMYK-Werte zu sagen, ohne den Abstand anzugeben. Aber wenn Sie dasselbe mit einem Bürodrucker tun möchten, muss auch dieser kalibriert werden, ich empfehle mindestens 3 Mal pro Lebensdauer der Tonerkartusche.

Fang 13

Die Farbabstimmung löst viele Probleme, aber die zentrale Frage ist, was mit Farben zu tun ist, die nicht reproduziert werden können. Sehen Sie, es könnte sein, dass Ihre Farbe die Farben übersteigt, die Ihr CMYK-Drucker produzieren kann. Die Größe jedes Raums wird als Farbraum bezeichnet, und das Überschreiten eines Farbraums ist einfach, da der sRGB-Raum viel größer ist als die Standard-CMYK-Räume SWOP, FOGRA, GRACol usw.

Aus diesem Grund entwerfen die meisten Designer umgekehrt. Sie wählen eine Farbe aus, normalerweise nicht in CMYK, sondern in Pantone, und gehen von dort aus rückwärts. Auch hier ist Pantone größer als CMYK, bietet aber gute Ausgangspunkte für Konvertierungen und verfügt über Farbchips, die die verfügbaren Werte genau wiedergeben. Hauptsächlich, weil dies einfacher ist, als zu versuchen, den Tech-Weg zu gehen, der gelinde gesagt anspruchsvoll ist.

Also ja, es ist machbar, erfordert aber ziemlich viel Arbeit.

* Dies ist, was Photoshop für Sie tut, ihm wurde gesagt, dass der Raum, mit dem Sie arbeiten, X ist und der Monitor Y ist, und daher ändern sich die Zahlen entsprechend.

Beachten Sie auch, dass Adobe die sichere Farbe vorschlägt, die der aktuellen Farbe am nächsten kommt, wenn Sie eine aus der Palette auswählen. Und es unterscheidet Farben, die sicher für den Druck und sicher für die Anzeige sind. Ich denke, sicher bedeutet hier nicht so riskant.
Dies ist eine gute Antwort, +1. Vielleicht möchten Sie auch kurz erwähnen, dass die von einem menschlichen Beobachter wahrgenommene Farbe aufgrund mehrerer Faktoren, einschließlich der Beleuchtung (z. B. Schatten/Schattierung usw.) auf dem gedruckt wird, was auch durch einen Druck durchbluten kann). Es gibt viele optische Täuschungen , die deutlich zeigen, dass genau dieselbe Farbe je nach Umgebungsfarbe/-bild unterschiedlich wahrgenommen wird.

Die Abstimmung von Farben zwischen Bildschirm und Druck ist eine komplexe und manchmal unmögliche Aufgabe. Aufgrund der Art von Licht (Bildschirme, RGB) im Vergleich zu Tinte (CMYK, Pantones usw.) und der Tatsache, dass so ziemlich jeder Monitor die Farbe etwas anders anzeigt und der Druck bei unterschiedlichen Lichtverhältnissen anders aussieht. Diese Art des Farbmanagements ist eine Aufgabe für sich.

In diesem Fall könnten Sie jedoch Glück haben. Die fragliche Farbe ist ein sauberes, leuchtendes Rot, sodass Ihre Auswahl ziemlich begrenzt ist. Wenn Sie CMYK drucken, ist es sehr wahrscheinlich, dass die beste Option 100 % Magenta, 100 % Gelb ist. Dies ist ungefähr so ​​rot, wie Sie es von Prozessfarben erreichen können, und hat den Vorteil, dass es relativ stabil ist, da Sie nur Vollflächen drucken. Wenn Sie die Möglichkeit haben, eine Pantone-Schmuckfarbe zu verwenden, würde ich Pantone 485 vorschlagen. Wieder ein schönes leuchtendes Rot, das bei vielen Designern für Rot die erste Wahl ist.

Dies ist natürlich alles subjektiv, und wenn Ihrem Kunden keine der oben genannten Optionen gefällt, ist es am besten, ihm ein Pantone-Musterbuch zu geben und ihn ein Rot auswählen zu lassen, das seiner Meinung nach passt. Letztendlich wird die Farbe auf dem Bildschirm nie perfekt mit der Tinte auf Papier übereinstimmen, aber eine subjektiv „gleiche“ Farbe zu finden, sollte nicht schwierig sein, und eine der oben vorgeschlagenen Optionen sollte die Aufgabe erfüllen.

Sie sollten den günstigsten Wert aus einem Pantone-Katalog wählen , den Sie in Druckereien finden können. Auf diese Weise haben Sie zwei Farben für Web und Druck und sollten diese in der Corporate-Identity-Richtlinie festlegen (Sie können ein Beispiel im Link sehen).

Wenn Sie sich fragen, was dies verursacht, die Sache sind Bildschirme, die mit RGB-Farben arbeiten, und Druckarbeiten mit CMYK-Farben. Sie können den Unterschied hier sehen .

Ihr Problem ist, dass RGB und CYMK nicht denselben Farbumfang oder Bereich haben. Es gibt Farben, die RGB erzeugen kann, die CMYK physikalisch nicht kann.

Leider müssen Sie zu Ihrem Kunden zurückgehen und dies erklären, was Sie von Anfang an hätten tun sollen, als der Kunde diese Farbe gewählt hat. Möglicherweise erhalten Sie eine Schmuckfarbe, die nahe kommt (ich habe kein Pantone- oder Trumatch-Buch zur Hand, um dies zu überprüfen), aber wenn es keine einzelne Schmuckfarbe (vorgemischte Tinte) gibt, die funktioniert, oder CMYK das nicht erzeugen kann Wert, dann muss Ihr Kunde irgendwie Kompromisse eingehen.

Suchen Sie auf dieser Website mit den Tags rgbund cmykund Sie erhalten weitere Informationen zu den beiden Farbskalen und zur Übersetzung zwischen ihnen.

Es gibt keine Möglichkeit, Farben auf dem Druck und auf dem Bildschirm genau gleich aussehen zu lassen. Bis auf das Gehäuse ist der Bildschirm mit entsprechender Farbe lackiert.

  • Zwei verschiedene Bildschirme zeigen dieselbe RGB-Koordinate unterschiedlich an. Um dies zu demonstrieren, können Sie CRT- und LED-Bildschirme an den Computer anschließen und den Bildschirm klonen.
  • Eine fotografierte Farbe wird mit den Farbräumen Adobe-RGB, s-RGB, LAB und CMYK unterschiedlich dargestellt.
  • Eine mit verschiedenen Kameras fotografierte Farbe wird unterschiedlich dargestellt. CMOS-Chips verschiedener Hersteller haben leicht unterschiedliche Filtermasken und Empfindlichkeiten.
  • Dieselben CMYK-Farben (der einzige Farbraum für den Druck) werden auf verschiedenen Druckertypen unterschiedlich gedruckt. Gleiches gilt für verschiedene Marken.
  • Unterschiedliche Farbtypen und unterschiedliche Basismaterialien verblassen/altern unterschiedlich. Drucken Sie einige einfache Grafiken, decken Sie einen Teil davon ab und lassen Sie es eine Woche lang im Sonnenlicht.
  • Eine unterschiedliche Bildschirmeinstellung (Helligkeit, Kontrast, Temperatur) ruiniert auch Ihre fein abgestimmte Farbabstimmung.

Es gibt auch einige zusätzliche Punkte, die das Thema leicht berühren.

  • Es gibt keine Möglichkeit, die gedruckte Farbe mithilfe des CMYK-Farbraums mit der tatsächlichen Farbe (des beworbenen Produkts) abzugleichen. Außer in dem Fall, wenn das Produkt genau die Farbe hat, die in dem bestimmten Drucker verwendet wird.
  • Um beispielsweise Impreza-Blue (IB) und STi-Purple (SP) Farben auf dem Druck zu erzielen, verwenden Sie den erweiterten Farbraum von CMYK-IB-SP, wobei die Spezialtinten IB und SP neben den Standard-CMYK-Tinten verwendet werden . Diese Spezialtinten werden exakt nach Kundenwunsch gemischt. Die Farbe Impreza-Blau ist die für den Subaru Impreza typische Metallic-Lackierung und STi-Lila ist die Farbe des STi-Logos auf dem Auto.

tl;dr
Um zu demonstrieren, dass es unmöglich ist, ein Quadrat mit der Farbe #FF0000 zu erstellen.

Drucken Sie dieses Quadrat mit Tintendrucker und Laserdrucker. Verwenden Sie verschiedene Papiere – sowohl matt als auch poliert; weiß, "natur", schattiert.

Zeigen Sie Ihrem Kunden das rote Quadrat, das auf den Papieren aufgedruckt ist, auf seinem (LCD-)Bildschirm, Ihrem LCD-Bildschirm, seinem Smartphone, Tablet, Ihrem Smartphone, Tablet, was auch immer Sie sich für ein nützliches Gerät vorstellen können.

Sie können Ihre Argumentationslast erhöhen, indem Sie verschiedene Druckereinstellungen (Fotoqualität, Standard, Entwurf), verschiedene Druckermarken (HP, Canon, Epson, Brother, UTAX, ...) verwenden.


Wenn es üblich ist, dass Sie gebeten werden, diese Farbübereinstimmung zu erzielen, stellen Sie sich eine Farbpalette typischer Farben zusammen und zeichnen Sie sie bei Bedarf. In Kombination mit dem Bildschirm des Kunden und Smartphones wird es ein Client-from-Hell-Proof-Argument sein. Wenn nicht, laufen; so schnell wie möglich laufen.

Das liegt einfach daran, dass das Rot höchstwahrscheinlich außerhalb des Farbumfangs liegt. Aber wenn Sie sich in der Farbskala befinden, ist es sicherlich möglich, extrem nahe zu kommen. Das Problem ist, dass der Druck viel empfindlicher auf Lichtverhältnisse reagiert als Bildschirme. Um den Druck zu bewerten, sollten Sie ihn also unter Standard-Betrachtungsbedingungen durchführen.
@joojaa Guter Punkt. Nutzen Sie es zu Ihrem Vorteil. Ich denke, selbst wenn Sie sich in der Skala befinden, werden immer noch Unterschiede vorhanden sein. Vor allem, wenn Sie einen Tintendrucker mit niedriger Auflösung und leuchtenden Farben verwenden.