Только не перепутайте. И в CSS и фигмовском P3 будут...

Только не перепутайте. И в CSS и фигмовском P3 будут hex-цвета, но они означают принципиально разное.

Из Фигмы можно копировать только в жёлтое поле.

В CSS можно копировать или oklch() или переключать формат на обычный hex.

Like 8 Aug 2023 at 12:43 | Open on mastodon.social

2 comments

Другой вариант — взять плагин OkColor для Фигмы.

Автор недавно добавил эту хитрость со сломанными hex-цветами и плагин может их исправить в нормальные CSS-цвета.

Только включите P3-режим руками, плагин не видит.

8 Aug 2023 at 12:43 | Open on mastodon.social

Кстати, не пугайтесь 8-значному hex-цвету в Figma P3 значении у oklch()

Это просто стандартный способ добавить в hex-цвет уровень opacity — CSS и Фигма давно такое поддерживают.

Мы специально для Figma P3 используем 8-значный hex, чтобы вы не путались между разными hex-ами.

8 Aug 2023 at 13:07 | Open on mastodon.social