Die Entwickler sind sich des Problems bewusst, sind jedoch nicht bereit, es zu beheben. Sie betrachten es als "Feature".
Wenn wir ein Bild exportieren, interpretieren wir unsere Farbwerte im sRGB-Farbraum. Wir speichern auch den Farbraum in den Metadaten, es sei denn, Sie haben im Exportfenster die Option "Für Web speichern" aktiviert. Unabhängig von dieser Einstellung bestand die Absicht darin, mit sRGB zu speichern, was mit Safari gut funktioniert, da alle Bilder als mit sRGB gespeichert interpretiert werden. Wenn Sie das Bild auch in der Vorschau öffnen würden, würde es das sRGB-Profil erkennen und es so nah wie möglich an Safari rendern. Wir glauben, dass wir auf diese Weise eine möglichst konsistente Farbdarstellung erhalten.
Klingt vernünftig. Das Problem ist, dass sie aus irgendeinem Grund den tatsächlichen Arbeitsbereich nicht mit sRGB rendern. Weil das "einfacher" ist (für sie nehme ich an). Sie rendern es mit dem Farbprofil Ihres Systems, das bei Kalibrierung nicht sRGB ist.
Was macht Sketch? Wenn Sie in Sketch eine Farbe auswählen, speichern wir nur die RGB-Werte. Beim Rendern auf dem Bildschirm werden diese Werte anhand des Farbraums Ihres Monitors angezeigt.
Welches ist ein offensichtlicher Fehler für mich. Software zum Entwerfen von Inhalten für einen Browser, der nicht wie ein Browser gerendert wird.
Grundsätzlich kann jeder mit einem kalibrierten Bildschirm diese Software nicht verwenden, wenn ihm die Genauigkeit der Farben wichtig ist, mit denen er arbeitet. Die einzige Möglichkeit besteht darin, das Profil Ihres Bildschirms auf sRGB zu setzen. Ich muss den Bildschirm meines Macbooks kompensieren, weil er sich zu stark auf das blaue Ende des Spektrums stützt. Dies ist also keine Option für mich - es wäre völlig unbrauchbar - die Farben würden anders aussehen, als ich es in beiden Fällen erwarte. Unabhängig davon werden (und sollten!) Die meisten professionellen Designer ihre Bildschirme kalibrieren. Es scheint also eine Trennung zwischen den Entwicklern der Software und der Community zu geben, für die sie entwickeln.
Und wenn Sie Ihr Gerät nicht nur für Webarbeiten verwenden, ist es kein guter Rat, das Farbprofil Ihres Monitors bei sRGB zu belassen. Es ist ein ziemlich begrenzter Farbraum, wie aus der Tabelle im Quelllink hervorgeht.
Was mehr ist , ihre Behauptung, dass:
Wenn Sie in Ihrer Grafik in Sketch dieselben RGB-Werte verwenden wie im CSS auf Ihrer Website, stimmen die Farben überein.
Ist irgendwie wahr . Ich stellte tatsächlich fest, dass selbst bei Verwendung von sRGB überall und bei erneuter Farbauswahl meiner gesamten Palette immer noch ein Unterschied zwischen der Farbe im exportierten Bild und den in Sketch angegebenen RGB-Werten bestand. (Zumindest bei Betrachtung in Chrome). Die CSS-definierte Farbe und die Sketch-definierte Farbe waren zwar identisch, aber das exportierte Bild mit derselben Farbe (exportiert mit sRGB-Monitorprofil und mit der Option "Für Web speichern" ausgewählt) war etwas anders.
Ich persönlich bin mir nicht sicher, wie ich mit Sketch weitermachen soll. Ich mag die Software, aber dies ist ein so grundlegendes Versehen, und es verursacht echte Reibung in meinem Workflow.
Quelle: http://blog.sketchapp.com/post/133932511180/colors-in-sketch
Die neuen Versionen von Sketch verfügen über eine einfache Funktion, mit der sichergestellt werden kann, dass die Farben beim Exportieren mit denen übereinstimmen, die Sie auf Ihrem Bildschirm sehen.
Navigieren Sie zu Einstellungen ›Allgemein› Farbprofil und ändern Sie die Farbeinstellung in Anzeige P3. Dadurch wird Ihr Farbprofil auf das von Macs verwendete geändert. Machen Sie dann dasselbe noch einmal, aber wählen Sie diesmal sRGB. Jetzt können Sie die Option "Konvertieren" auswählen und dann auf "Profil ändern" klicken, um die Farben in den Standardfarbraum zu konvertieren. Wenn Sie jetzt exportieren, sehen die Farben genauso aus wie in Sketch.
Weitere Informationen hierzu finden Sie hier https://www.sketchapp.com/docs/other/color-management/
quelle
Systemfarbeneinstellungen ändern alles
Ich halte meine bei sRGB für ein gewisses Maß an Browser-Darstellung. Ich benutze auch eine Reihe anderer Voreinstellungen und Bildschirme, um die Variation zu testen. Hier ist ein Beispiel für sRGB im Vergleich zu Adobe RGB.
Varianz innerhalb eines Bildschirms
Ihr Problem scheint jedoch seltsam. Wenn die Abweichung von Ihren Farbeinstellungen stammt, sollten Sie sie im gesamten Dokument sehen. Das exportierte Bild kann sich ändern, je nachdem, wo Sie es anzeigen. Sie sollten jedoch keinen Unterschied zwischen Ihrer Zeichenfläche und dem Exportfenster erkennen können. Das ist einfach komisch.
Ich denke, Sie sehen sich möglicherweise einen Fehler mit Ihrer bestimmten Datei oder der App selbst an. Versuchen Sie, das Verhalten mit anderen Farben und Dokumenten wiederherzustellen. Erkundigen Sie sich bei den böhmischen Leuten (ich habe sie normalerweise auf Twitter getroffen ) und sehen Sie, ob sie es irgendwo im Code finden können.
quelle
Dieses Problem wurde im offiziellen Sketch-Dokument behoben (und beantwortet): https://www.sketchapp.com/learn/documentation/other/color-management/
Aktivieren Sie beim Exportieren die Option "Für Web speichern", um sicherzustellen, dass saubere Farbprofilbilder bereitgestellt werden und die Farbe mit der in Ihrer Skizzendatei identisch ist.
quelle
Es tut mir leid, einen so alten Thread wiederzubeleben, aber das ist immer noch ein Problem. Aber ich habe eine etwas komplizierte Problemumgehung gefunden! Starten Sie Zeplin, wählen Sie Exportfarben als .clr und kopieren Sie die Datei in ~ Library / Colors. Erstellen Sie ein neues AppleScript mit "Farbe auswählen". Ganz rechts befindet sich eine neue Registerkarte mit den Farben aus der .clr. Klicken Sie auf die gewünschte Farbe und dann auf das zweite Symbol von links, die RGB-Schieberegler. Klicken Sie auf das Einstellungsrad und wählen Sie ein sRGB-Profil aus der Dropdown-Liste aus. Die resultierenden RGB-Werte sollten Ihren Wünschen entsprechen.
Viel Spaß beim Ausmalen!
quelle
Wenn Sie bereits an einem Projekt arbeiten, können Sie das Farbprofil aus Datei › Farbprofil ändern… konvertieren (wählen Sie Ihr Lieblingsprofil).
Weitere Informationen finden Sie hier: https://www.sketchapp.com/docs/other/color-management/#changing-the-color-profile-of-an-existing-document
Hier können Sie Ihr Standardprofil festlegen: Skizze ›Einstellungen› Allgemein ›Farbprofil
quelle