Chrome rendert Farben anders als Safari und Firefox


72

Chrome rendert # FF3A00 aus irgendeinem Grund als # FF0000. Ich habe einen Screenshot von jsfiddle beigefügt , um den Punkt zu veranschaulichen. Die Farbe, die das Farbmessgerät meldet (und was ich sehe), unterscheidet sich von den CSS-Angaben.

Dies passiert auch bei anderen Farben. Beispielsweise wird # FFAF00 gemäß dem Farbmessgerät als # FFA400 gerendert.

Die Farben werden jedoch in Safari und Firefox problemlos gerendert. Ich bin auf einem Mac mit Chrome 11, Safari 5 und Firefox 5.

Ich bin sicher, es gibt eine logische Erklärung. Irgendwelche Ideen?

Update: Ich füge neben Safari einen Screenshot von Chrome mit derselben Seite an. Ich habe dieses Bild in Photoshop überprüft: Die Farben sind # F00 in Chrome und # FF3A00 in Safari.Chrome gegen Safari

Chrome rendert # FF3A00 als # F00


4
2016, 21. Jahrhundert und diese Ausgabe ist noch vorhanden ...
Mariano Montañez Ureta

1
2017 und Chrome 60, Problem tritt immer noch auf. Chrom, das Geisterfarben wiedergibt. Was bringt es, Tage damit zu verbringen, die besten Farben zu entwerfen und auszuwählen, wenn Chrome sich nur für etwas anderes entscheidet?
Medopal

6
Es ist so lustig ... 2018 und Chrome 67 haben immer noch dieses Problem. 😂
Mateusz Jagiełło

6
2019 Baby! wir haben es fam gemacht.
Mahir

7
2020 hier. Chrome 80. Same
George

Antworten:


21

Ich habe kürzlich eine ähnliche Frage gestellt: /programming/6338077/google-chrome-for-mac-css-colors-and-display-profiles

Wie Andrew Marshall dort antwortete, ist dies ein bekanntes Problem: http://code.google.com/p/chromium/issues/detail?id=44872


Ich habe jetzt genau den gegenteiligen Effekt, der in der oben verlinkten Chromium-Ausgabe aufgeführt ist. Chrome sieht gut aus, aber Firefox hat nicht übereinstimmende Farben. Ich denke, diese Seite berührt die Themen, aber es ist ein bisschen jenseits von mir. bugzilla.mozilla.org/show_bug.cgi?id=999600
Mysterfxit

1
@ Trevor Burnham In dieser Ausgabe steht "Status: Duplikat (geschlossen)". Wissen Sie, wo ich die nicht geschlossene Version dieser Ausgabe finden kann? -
Mesqueeb

@mesqueeb Gehen Sie zum Problem "MergedInto", das als " Behoben
Nateowami

Ab 2020 scheint dies immer noch ein Problem zu sein. Ich habe es in meinem Chrome unter OS X erlebt und die richtigen Farben sind in Firefox, während Chrome falsche RGB-Werte
wiedergibt

Ich bin mir nicht sicher, ob es einen Browserfehler gibt, aber in Chrome musste ich das Force-Color-Profil auf sRGB setzen, um den Farben von Firefox unter Linux zu entsprechen. Daher habe ich zwei Probleme eingereicht (nicht sicher, welcher Browser das Problem hat): bugs.chromium.org / p / chromium / issue
trusktr

48

Wie sich herausstellte, musste ich mein Chrome neu starten. Ich schließe mein MacBook Air oft an einen 24-Zoll-Monitor an. Es sieht so aus, als würde Chrome die Farben falsch anzeigen, wenn ich zu einem Monitor wechsle, der sich von dem unterscheidet, der beim Starten von Chrome verwendet wurde.

Ich fand die Antwort im Google-Hilfeforum : "Ich sollte erwähnen, dass Sie in OS X jedes Mal, wenn Sie Ihren Monitor oder Ihr Monitorprofil ändern (z. B. wenn Sie von Ihrem Laptop-Display zu Ihrem externen Display wechseln), Chrome neu starten MÜSSEN Holen Sie sich die richtigen Informationen zum Monitorprofil vom Betriebssystem. "


2
Dies ist eine wirklich gute Antwort, die mehr Aufmerksamkeit in diesem Thread benötigt. Dieses Problem machte mich wahnsinnig!
Hugo

1
Ja! Dies ist die richtige Antwort, warum wird das falsche Warum akzeptiert?
Wojciech Bednarski

4
Vielleicht löst dies das Problem oder einen Teil des Problems für einige Leute, aber das funktioniert bei mir nicht.
Boxed

3
Für mich scheint dies eigentlich nicht zuzutreffen. Auch nach dem Neustart von Chrome unterscheidet sich die Farbdarstellung deutlich.
Kris

24

Standardmäßig verwenden sowohl Firefox als auch Safari das sRGB-Farbprofil. Sie müssen dasselbe tun, wenn Google Chrome standardmäßig ein anderes Farbprofil verwendet.

  1. Zugriff bei Chrome: chrome: // flags / # force-color-profile
  2. Ändern Sie das Force-Farbprofil in " sRGB ".
  3. Starten Sie Ihren Browser neu und bestätigen Sie jetzt die gerenderten Farben.

5

Auf dem Mac ist eine Farbkorrektur für Ihren Monitor eingerichtet. Ihr Browser verwendet je nach Einrichtung möglicherweise eine Farbkorrektur für Webinhalte / Bilder. Ihr Farbwähler meldet, was Ihr Betriebssystem für das Rendern hält. Ihr Browser meldet möglicherweise etwas anderes.

Farbe auf Computern. Etwas, das viele von uns für selbstverständlich halten, aber nie verstanden haben, wie es wiedergegeben wird.


3

Der Chrome-Farbwähler übernimmt die Farbe aus dem aktuellen Monitorfarbprofil. Das Problem kann durch Ändern der Farbeinstellung oder gelegentliches Ändern des Monitors auftreten. Überprüfen Sie die folgende Methode, um das Problem zu beheben.

Gehen Sie zu chrome: // flags / # force-color-profile und klicken Sie auf Alle auf Standard zurücksetzen

Vielen Dank.


2

Ich habe das Farbprofil in OS X geändert und das für mich sortiert.

Sehen Sie sich die folgenden Screenshots mit unterschiedlichen Farbprofilen an. Beachten Sie , in den Screenshots Ich versuche , zu unterscheiden zwischen #ff00ff, #ff1aff, #ff33ffund #ff4dff. Nur wenn ich nicht das Standard-OS X-Farbprofil auswähle, kann ich die Farben richtig unterscheiden.

Standardfarbprofil:

mit Standardprofil

Mit einem anderen Farbprofil:

mit sRGB ICE61966-2.1 Profil

Von: CSS-Farben unter OS X werden in Firefox korrekt angezeigt, in Safari und Chrome jedoch falsch (möglicherweise "gelöst").

Ich fand Safari und Chrome konnte zwischen nicht unterscheiden #ff00ff, #ff1aff, #ff33ffund #ff4dff. Aber Firefox könnte. Außerdem könnte Inkscape, eine X11-App, Gimp und Libreoffice Writer, keine X11-Apps, konnten dies jedoch nicht. Firefox- und X11-Apps scheinen irgendwie ihr eigenes Farbprofil zu verwenden.

Ich habe keine Ahnung, warum Mac standardmäßig ein Color LCDProfil verwendet, das diese Unterscheidung unter anderem nicht durchführt.


0

Hatte dieses Problem mit Chrome (Lubuntu) beim Exportieren eines PNG in Photoshop. Lösung: Datei -> Speichern unter -> Deaktivieren Sie " ICC-Profil: Adobe RGB (1998) ".

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.