Обложка канала

Figma Tips

4297 @figmatips

Все о Фигме. Новости, подсказки, обзоры функционала, горячие клавиши, ресурсы. Без воды и левых ссылок.

Figma Tips

8 лет назад
Открыть в
Цвет в приложении Фигмы не совпадает с цветом в браузере. Что делать

Если вы столкнулись с этой проблемой, скорее всего, у вас монитор с расширенным цветовым охватом: Display P3. В нем на ~25% больше оттенков, чем может выдать стандартный охват sRGB. Возможно, у вас iMac с 2015 или MacBook с 2017. Во всех более старых яблочных девайсах используется стандартное цветовое пространство sRGB.

Проблема с передачей цветов появляется из-за использования разных цветовых пространств
– Официальный клиент Фигмы использует P3
– Веб-версия Фигмы использует sRGB
– Экспортированная графика использует sRGB
– Зеркало использует sRGB

Графика в настольном приложении Фигмы выглядит сочнее, потому что отображается в цветовом пространстве Display P3. В вебе, зеркале и после экспорта используется sRGB, которому часто не хватает насыщенности, чтобы показать картинку из P3.

Установка sRGB-профиля на уровне всей системы не дает точных цветов
iMac творит какую-то непонятную дичь с преобразованием. Этот способ не сработает и не даст вам тех цветов, которые будут на мониторах с пространством sRGB. Цвета после такой искусственной конвертации становятся перенасыщенными, а должны бы стать более блеклыми. Причем, под раздачу попадает и клиент Фигмы, который уже работает в Display P3.

Как получить охват sRGB в настольном приложении
Скачайте бета-версию клиента Фигмы, которая работает в пространстве sRGB. Менять цветовой профиль на самом дисплее не нужно. Все цвета будут совпадать с вебом и экспортом. Никаких косяков в работе я не обнаружил.

Как лучше установить
Рекомендую поставить бету прямо возле официального клиента. Просто перетащите приложение в папку Applications и дайте ему другое имя. Тогда у вас будет возможность пересматривать исходники и в sRGB, и в P3. Без лишних телодвижений и конвертаций.

Почитать про цветовые пространства Display P3 и sRGB
👉 habr.com/post/305842/

Бета-версии клиентов для Фигмы
👉 https://desktop.figma.com/mac/Figma-3.8.2.zip
👉 https://desktop.figma.com/win/Figma-3.8.2.exe