Farben in Photoshop CS6 / CC sehen anders aus als im Browser?


18

Einer meiner Freunde, ein Grafikdesigner, sagte mir kürzlich, dass Farben in Photshop manchmal etwas anders aussehen als die im Browser gerenderten.

Ich weiß, dass es möglich ist, eine Datei zu speichern und sie dann aufgrund von Paletten auf einer Website zu verwenden, aber er verwendet beispielsweise die angegebene Farbe in PS, #b81e1eerstellt dann ein DOM-Element und setzt den Hintergrund auf #b81e1eund die Farbe wird in anders gerendert Browser als in PS (Ich denke, es ist nicht so subtil, wie er es leicht erkennen kann). Es ist keine normale Sache und es passiert nicht immer, aber er gibt an, dass es ihm ein paar Mal passiert ist, obwohl er es mir nicht wirklich mit Hexenfarben sagen kann.

Ist es überhaupt möglich? Weil ich noch nie so etwas gehört habe und mir noch nie so etwas passiert ist ...

Antworten:


24

Dies ist höchstwahrscheinlich ein Problem mit dem Farbprofil.

Zunächst sollte er mit RGB arbeiten und nicht mit CYMK oder einem anderen Farbraum. Dies ist leicht zu überprüfen, gehen Sie einfach zu Bild> Modus und stellen Sie sicher, dass RGB eingestellt ist. Ich vermute, es ist wahrscheinlich.

Das zweite Problem ist ein Farbprofil. Dies kann auf etwas anderes eingestellt sein. Es sollte sRGB IEC61966-2.1 verwendet werden, das für die meisten PC-Monitore als Standard gilt. Am einfachsten können Sie dies überprüfen, indem Sie auf Bearbeiten> Farbeinstellungen klicken. Wenn es auf "North America General Purpose 2" oder "North America Web / Internet" eingestellt ist, sollte es einwandfrei funktionieren.

Der letzte Schritt besteht darin, ein "Proof-Setup" einzurichten, mit dem eine Monitorfarbvorschau festgelegt wird. Gehen Sie zu "Ansicht> Proof-Setup> Monitor RGB". Anschließend können Sie die Proof-Farben mithilfe der Verknüpfung (abhängig vom Betriebssystem) für Proof-Farben in der Symbolleiste Ansicht ein- und ausschalten.

Ich bin mit Farbprofilen in Photoshop nicht vertraut, aber dies sind die Schritte, die ich mache, wenn ich Farbinkongruenzen finde. Normalerweise ist das für mich kein Problem.

Mehr Infos zu Farbprofilen


Um das noch zu ergänzen, stelle ich sicher, dass du es auch auf demselben Monitor anzeigst, nur um zu überprüfen, dass verschiedene Monitore die Dinge unterschiedlich anzeigen.
Hanna

5
Die Auswahl von "Monitor RGB" in Ansicht> Proof-Setup behebt das Problem mit falschen Farben. Ich denke, es wurde versehentlich mit einer Tastaturkombination umgeschaltet.
Vovahost

@vovahost, das ist sehr verbreitet, in der Tat war mein erster Run-In mit Farbproblemen genau dieses Problem (versehentlicher Hotkey)
Mattc0m

Oh. Meine. Gott. Ich arbeite seit 15 Jahren mit Photoshop und habe diese Einstellung noch nie verwendet. Irgendwie wechselte es zu CMYK. Es scheint nicht relativ zum geöffneten Dokument zu sein, da ich gerade eine neue App von einer Standardvorgabe aus gestartet habe. Also entweder aus einem zuvor geöffneten Dokument oder einem Hotkey, wie Sie sagten. Vielen Dank, ich werde diese Einstellung genauer beobachten und verwenden!
Chase

Dies löste mein Problem vollständig. Ich habe Photoshop jahrelang benutzt und auch nichts davon gewusst. Ich dachte nur, dass es war, weil das Dokument in CMYK war. Erst als ich es auf einem Computer eines anderen Kollegen sah, wurde mir klar, dass es falsch war.
Alex McCabe

3

Ich bin mir bewusst, dass ich sehr spät zur Party komme - hatte das gleiche Problem und nachdem ich die vorherigen Antworten ausprobiert hatte, hatte ich immer noch das Problem, hoffentlich hilft dies jemand anderem in der Zukunft -

Das Update, das bei mir funktioniert hat: Datei> Für Web speichern> Deaktivieren Sie "In sRGB konvertieren"> Speichern


2

Neben den Farbprofilen, von denen Mattc0ms Antwort spricht, sind die Monitore selbst das größere Problem.

Wenn ich einfach die Helligkeit und den Kontrast auf meinem Monitor anpasse, wird die Farbe anders angezeigt.

Ich habe zwei nicht übereinstimmende Monitore in meinem Setup. Sie sind beide an dieselbe Hardware angeschlossen und wurden jeweils mit demselben Kalibrierungsgerät kalibriert, und beim Start wird jeweils ein individuelles benutzerdefiniertes Kalibrierungsprofil geladen. Sie zeigen nicht die gleiche Farbe.

Wenn ich ein Bild auf einen Webserver für die Welt hochlade, habe ich keine Kontrolle über den Browser des Kunden (der eingebettete Profile möglicherweise berücksichtigt oder nicht) und den Monitor des Kunden. Du lernst das Durchhängen zu akzeptieren.



1

Stellen Sie sicher, dass Sie die Funktion "Export für Web" verwenden. Auf diese Weise werden die Farben in ein Format konvertiert, das im Browser genauso angezeigt wird wie auf Ihrer Photoshop-Leinwand.


1
Hallo Dominik, willkommen auf der GDSE und vielen Dank für deine Antwort. Wenn Sie Fragen haben, wenden Sie sich an die Hilfe oder senden Sie einen Ping-Befehl an einen unserer Mitarbeiter im Grafik-Chat, sobald Ihr Ruf ausreicht (20). Tragen Sie weiter bei und genießen Sie die Seite!
Vincent

1

Als Update für Photoshop CC ändern sich auch:

BEARBEITEN> IN PROFIL KONVERTIEREN ... und Zielbereichsprofil auf sRGB IEC61966-2.1 einstellen

Das war mein besonderes Problem.


-3

Bei der Auswahl einer Farbe befindet sich links unten ein kleines Kontrollkästchen mit der Aufschrift "Nur Webfarben". Stellen Sie sicher, dass es aktiviert ist, und Sie sollten in Ordnung sein.


Können Sie bitte näher darauf eingehen?
WELZ

Das ist eine schreckliche Idee; Sie beschränken sich auf eine sehr kleine Farbpalette (genauer gesagt 216), und dies verhindert nur Farbunterschiede auf Geräten, die nur 8-Bit-Farben anzeigen (was heutzutage im Grunde genommen keine sind)
Cai

-5

Fand dieses Video für eine schnelle FIX. Das Video ist ungefähr eine Minute lang und zeigt, wie das Problem mit dem Farbprofil behoben wird, damit Bilder in Adobe Photoshop richtig angezeigt werden. https://www.youtube.com/watch?v=aB_xN2kLVCE


Posten Sie keine Nur-Link-Antwort. Erklären Sie, was sich hinter diesem Link verbirgt. Weitere Informationen zur Website finden Sie in der Hilfe . Tragen Sie weiter bei und genießen Sie die Seite!
Luciano
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.