Разработчики знают об этой проблеме, но не хотят ее исправлять, они считают ее «функцией».
Когда мы экспортируем изображение, мы интерпретируем наши значения цвета в цветовом пространстве sRGB. Мы также сохраняем цветовое пространство в метаданных, если на панели экспорта не установлен флажок «Сохранить для Интернета». Тем не менее, независимо от этого параметра, целью было сохранение с помощью sRGB, который прекрасно работает с Safari, поскольку он интерпретирует все изображения как сохраненные с помощью sRGB. Если вы также откроете изображение в режиме предварительного просмотра, оно распознает профиль sRGB и отобразит его как можно ближе к Safari. Мы верим, что таким образом мы получим максимально последовательное представление цвета.
Звучит разумно. Проблема в том, что по какой-то причине они не отображают фактическое рабочее пространство с использованием sRGB. Потому что это «проще» (для них, я полагаю). Они визуализируют его, используя цветовой профиль вашей системы, который при калибровке не будет sRGB.
Так что же делает Sketch? Когда вы выбираете цвет в Sketch, мы сохраняем только значения RGB. Когда мы рендерим на экран, мы интерпретируем [sic] эти значения, используя цветовое пространство вашего монитора.
Что является очевидным недостатком для меня. Программное обеспечение для разработки контента, предназначенного для браузера, которое не отображается как браузер.
Таким образом, в основном любой с откалиброванным экраном не может использовать это программное обеспечение, если он заботится о точности цветов, с которыми он работает. Единственный вариант - установить профиль экрана на sRGB. Я должен компенсировать экран моего macbook, потому что он слишком сильно опирается на синий конец спектра, так что это не вариант для меня - это было бы совершенно неработоспособно - цвета в конечном итоге выглядели бы иначе, чем я ожидаю в любом случае. Несмотря на это, большинство профессиональных дизайнеров будут (и должны!) Калибровать свои экраны. Так что, похоже, существует разрыв между разработчиками программного обеспечения и сообществом, для которого они разрабатывают.
И если все, что вы используете для своей машины, это веб-работа, не стоит оставлять цветовой профиль монитора на sRGB. Это довольно ограниченное цветовое пространство, как показано на диаграмме в ссылке на источник.
Более того , они утверждают, что:
если вы используете в эскизе те же значения RGB, что и в CSS на своем веб-сайте, цвета будут совпадать.
Это своего рода правда . На самом деле я обнаружил, что даже при использовании sRGB везде и повторном выборе цвета всей моей палитры все равно была разница между цветом в экспортированном изображении и значениями RGB, указанными в Sketch. (по крайней мере, если смотреть в Chrome). Цвет, определенный в CSS, и цвет, заданный в Sketch, действительно идентичны, но экспортированное изображение с тем же цветом (экспортированное с профилем монитора sRGB и с выбранным параметром «Сохранить для Интернета») несколько отличалось.
Я лично не уверен, как двигаться дальше с использованием Sketch. Мне нравится программное обеспечение, но это такой базовый и фундаментальный недосмотр, и он вызывает реальные трения в моем рабочем процессе.
Источник: http://blog.sketchapp.com/post/133932511180/colors-in-sketch