Programiści zdają sobie sprawę z problemu, ale nie chcą go naprawić, uważają go za „funkcję”.
Podczas eksportowania obrazu interpretujemy nasze wartości kolorów w przestrzeni kolorów sRGB. Przestrzeń kolorów zapisujemy również w metadanych, chyba że w panelu eksportu zaznaczono opcję „Zapisz dla Internetu”. Niezależnie od tego ustawienia, celem było zapisywanie za pomocą sRGB, który działa dobrze w Safari, ponieważ interpretuje wszystkie obrazy jako zapisane w sRGB. Jeśli również otworzysz obraz w podglądzie, rozpozna profil sRGB i uczyni go jak najbliższym Safari. Wierzymy, że w ten sposób uzyskamy możliwie najbardziej spójne odwzorowanie kolorów.
Brzmi rozsądnie. Problem polega na tym, że z jakiegoś powodu nie renderują rzeczywistego obszaru roboczego za pomocą sRGB. Ponieważ to „prostsze” (zakładam, że dla nich). Renderują go przy użyciu profilu kolorów twojego systemu, który, jeśli zostanie skalibrowany, nie będzie sRGB.
Co robi Sketch? Kiedy wybierzesz kolor w Sketch, przechowujemy tylko wartości RGB. Podczas renderowania na ekran interpretujemy [sic] te wartości przy użyciu przestrzeni kolorów monitora.
Co jest dla mnie oczywistą wadą. Oprogramowanie do projektowania treści przeznaczonych dla przeglądarki, która nie renderuje się jak przeglądarka.
Zasadniczo więc każdy, kto ma skalibrowany ekran, nie może korzystać z tego oprogramowania, jeśli zależy mu na dokładności kolorów, z którymi pracuje. Jedyną opcją jest ustawienie profilu ekranu na sRGB. Muszę zrekompensować ekran mojego macbooka, ponieważ zbyt mocno opiera się on na niebieskim końcu spektrum, więc nie jest to dla mnie opcja - byłoby to całkowicie niewykonalne - kolory wyglądałyby inaczej niż się spodziewam. Niezależnie od tego większość profesjonalnych projektantów (i powinna!) Skalibruje swoje ekrany. Wydaje się więc, że istnieje rozdźwięk między twórcami oprogramowania a społecznością, dla której opracowują.
I jeśli nie używasz wyłącznie urządzenia do pracy w sieci, pozostawienie profilu kolorów monitora w sRGB nie jest świetną wskazówką. Jest to dość ograniczona przestrzeń kolorów, jak pokazano na wykresie w linku źródłowym.
Co więcej , twierdzą, że:
jeśli użyjesz tych samych wartości RGB w kompozycji w Sketch, co w CSS w swojej witrynie, kolory będą pasować.
To trochę prawda . Przekonałem się, że nawet przy wszędzie używanym sRGB i ponownym wybieraniu kolorów z całej palety nadal istnieje różnica między kolorem eksportowanego obrazu a wartościami RGB podanymi w Sketch. (przynajmniej w przeglądarce Chrome). Kolor zdefiniowany przez CSS i kolor zdefiniowany przez Szkic były rzeczywiście identyczne, ale eksportowany obraz w tym samym kolorze (eksportowany z profilem monitora sRGB i wybraną opcją „Zapisz dla Internetu”) był jeszcze nieco inny.
Osobiście nie jestem pewien, jak przejść dalej za pomocą Sketch. Lubię to oprogramowanie, ale jest to tak podstawowy i fundamentalny nadzór, który powoduje prawdziwe tarcie w moim przepływie pracy.
Źródło: http://blog.sketchapp.com/post/133932511180/colors-in-sketch
Nowe wersje Sketch mają łatwą funkcję, aby upewnić się, że kolory podczas eksportowania są takie same, jak te widoczne na ekranie.
Przejdź do Preferencje ›Ogólne› Profil kolorów, a następnie zmień ustawienie kolorów na Wyświetl P3. Spowoduje to zmianę twojego profilu kolorów na ten, którego używają komputery Mac. Następnie zrób to samo jeszcze raz, ale tym razem wybierz sRGB. Teraz możesz wybrać opcję „Konwertuj”, a następnie kliknąć „Zmień profil”, aby przekonwertować kolory na standardową przestrzeń kolorów. Teraz podczas eksportowania kolory będą wyglądać tak samo jak w Sketch.
Więcej informacji na ten temat można znaleźć tutaj https://www.sketchapp.com/docs/other/color-management/
źródło
Systemowe ustawienia kolorów zmieniają wszystko
Trzymam mój w sRGB dla pewnej miary reprezentacji przeglądarki. Używam również wielu innych ustawień i ekranów do testowania wariacji. Oto przykład sRGB vs Adobe RGB.
Odchylenie w obrębie ekranu
Twój problem wydaje się jednak dziwny. Jeśli odmiana pochodzi z ustawień kolorów, powinieneś ją zobaczyć w dokumencie. Wyeksportowany obraz może się zmienić w zależności od tego, gdzie go oglądasz, ale nie powinieneś być w stanie dostrzec różnicy między obszarem roboczym a panelem eksportu. To po prostu dziwne.
Myślę, że patrzysz na błąd związany z konkretnym plikiem lub samą aplikacją. Spróbuj odtworzyć zachowanie z innymi kolorami i dokumentami. Skontaktuj się z Czechami (zwykle trafiam ich na Twitterze ) i sprawdź, czy mogą gdzieś to znaleźć w kodzie.
źródło
Ten problem został rozwiązany (i udzielono odpowiedzi) w oficjalnym dokumencie Sketch: https://www.sketchapp.com/learn/documentation/other/color-management/
Podczas eksportowania zaznacz opcję „Zapisz dla Internetu”, ponieważ zapewni czyste obrazy profilu kolorów i upewni się, że kolor wygląda identycznie jak w pliku szkicu.
źródło
Przykro mi, że ożywiam tak stary wątek, ale wciąż jest to problem ... Ale znalazłem nieco skomplikowane obejście! Uruchom Zeplin, wybierz eksportowane kolory jako .clr i skopiuj plik do ~ Library / Colours. Utwórz nowy AppleScript z „wybierz kolor”. Po prawej stronie pojawi się nowa karta z kolorami z .clr. Kliknij żądany kolor, a następnie kliknij drugą ikonę z lewej strony, suwaki RGB. Kliknij koło ustawień i wybierz profil sRGB z menu rozwijanego. Wynikowe wartości RGB powinny być takie, jak chcesz.
Wesołego kolorowania!
źródło
Jeśli już pracujesz nad projektem, możesz przekonwertować profil kolorów z menu Plik ›Zmień profil kolorów… (wybierz swój ulubiony profil)
Więcej informacji tutaj: https://www.sketchapp.com/docs/other/color-management/#changing-the-color-profile-of-an-existing-document
Możesz ustawić swój profil domyślny tutaj: Szkic ›Preferencje› Ogólne ›Profil kolorów
źródło