|
Top-level
 В CSS пошли, конечно же, другим платформо-независимым путём. rgb(255 0 0) даёт одинаковый цвет на всех устройствах (самый красный в sRGB). Есть color(display-p3 1 0 0) для самого красного в P3. Есть oklch() чтобы указать цвет в любых охватах. https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl 6 comments
Проблема не только в самых контрастных цветах, которые есть только в P3 и нет в sRGB. P3-профиль растягивает всё пространство. Скопированный #880000 из P3-макета будет выглядеть по другому в CSS. Именно поэтому вам может пригодиться наш oklch.com — он умеет конвертировать между фигмовскими P3-цвета и платфомонезависимым oklch(), который можно использовать в CSS. Выбирает формат Figma P3 и теперь в жёлтое поле можно копировать-вставлять этот «сломанных» hex Только не перепутайте. И в CSS и фигмовском P3 будут hex-цвета, но они означают принципиально разное. Из Фигмы можно копировать только в жёлтое поле. В CSS можно копировать или oklch() или переключать формат на обычный hex. Другой вариант — взять плагин OkColor для Фигмы. Автор недавно добавил эту хитрость со сломанными hex-цветами и плагин может их исправить в нормальные CSS-цвета. Только включите P3-режим руками, плагин не видит. https://www.figma.com/community/plugin/1173638098109123591/OkColor Кстати, не пугайтесь 8-значному hex-цвету в Figma P3 значении у oklch() Это просто стандартный способ добавить в hex-цвет уровень opacity — CSS и Фигма давно такое поддерживают. Мы специально для Figma P3 используем 8-значный hex, чтобы вы не путались между разными hex-ами. |
Gregory's Server
Но Фигма пошла по пути Фотошопа, что очень не логично, ведь в ней CSS-цвета.
В итоге вы выбираете профиль для файла когда разработчик скопирует #ff0000 цвет из Фигмы в CSS, то в браузере он будет выглядеть по другому.