Почему цвет в figma отличается от идентичного цвета в браузере?

Question

Mico Sanoa @laslolnko

Call me Mico

Figma

Почему цвет в figma отличается от идентичного цвета в браузере?

На скриншоте слева фигма, справа браузер

Вопрос задан 03 февр.
156 просмотров

10 комментариев

Подписаться 1 Простой 10 комментариев

itisksey @itisksey

Что имеется в виду под "в браузере"? В фигма или уже сверстанное?
Если сверстанное, то код цвета одинаковый и там, и там? Нет каких-то дополнительных наложений?

Написано 03 февр.
Ankhena @Ankhena

Очевидно, потому что в верстке написали что-то не то или не всё или лишнего.

Пока вы не покажете макет и песочницу с кодом на codepen.io или аналоге, точно вряд ли кто-то скажет.

Написано 03 февр.
Mico Sanoa @laslolnko Автор вопроса

itisksey, уже сверстанное со скопированными hex цветов из фигмы в css

Написано 03 февр.
itisksey @itisksey

Да, хотелось бы посмотреть на макет и реализацию. Мб в макете есть какой-то слой сверху, либо режим наложения не дефолтный, либо полупрозрачность слоя

Написано 03 февр.
Mico Sanoa @laslolnko Автор вопроса
Ankhena, очевидно? Фигма с цветом #FF7020

<body style="background-color: #FF7020;"> </body>

Скриншот
Написано 03 февр.
Mico Sanoa @laslolnko Автор вопроса

itisksey, да даже без какого либо макета в пустом html документе цвет body блеклее чем в фигме

Написано 03 февр.
itisksey @itisksey

Mico Sanoa, с другими цветами такие же проблемы?

Написано 03 февр.
Mico Sanoa @laslolnko Автор вопроса

itisksey, да в целом со всеми достаточно насыщенными, чтобы это стало заметно

Написано 03 февр.
itisksey @itisksey

Mico Sanoa, тут мои полномочия всё. В качестве бредового предположения, на браузер действует какая постобработка цвета

Написано 03 февр.
Ankhena @Ankhena

Mico Sanoa, да, не очевидно. Я не права.

Проверяем:
1. В других браузерах
2. На других компах.

=> ищем в настройках браузера или компа ночные темы, режимы чтения и т.д.

Написано 03 февр.

Решения вопроса 1

Комментировать

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Figma

Простой
Как экспортировать полупрозрачный блок?
- 1 подписчик
- вчера
- 35 просмотров
2

ответа
Figma

Простой
Figma как отключить показ старых вкладок, при запуске?
- 1 подписчик
- вчера
- 21 просмотр
0

ответов
Figma

Простой
Почему неккоретно вставляется svg?
- 1 подписчик
- 19 мар.
- 56 просмотров
0

ответов
HTML

+3 ещё

Простой
Шрифт на странице выглядит не так как на макете. Как исправить?
- 1 подписчик
- 19 мар.
- 135 просмотров
0

ответов
Figma

Простой
В Figma пропала подсветка css кода в inspector?
- 1 подписчик
- 16 мар.
- 209 просмотров
3

ответа
Вёрстка

+1 ещё

Простой
Как верстальщикам удобнее работать со стилями в figma?
- 1 подписчик
- 10 мар.
- 175 просмотров
1

ответ
Веб-разработка

+2 ещё

Простой
Как сделать текст полукругом в Figma?
- 1 подписчик
- 02 мар.
- 146 просмотров
1

ответ
Изображения

+1 ещё

Простой
Как исправить некорректно отображающие картинки в figma?
- 2 подписчика
- 01 мар.
- 107 просмотров
0

ответов
Дизайн

+1 ещё

Простой
В проекте figma не работает текст, отображается только область где можно его вписать, как исправить?
- 2 подписчика
- 27 февр.
- 264 просмотра
0

ответов
Figma

Простой
У вас тоже Фигма перестала загружать проекты?
- 1 подписчик
- 23 февр.
- 404 просмотра
2

ответа
Показать ещё Загружается…

UX/UI Designer

Копирка • Москва

от 90 000 ₽

UI дизайнер / Графический дизайнер

BELT

от 55 000 ₽

Product Owner/Product Designer

Oncoshot

от 3 300 $

Доработать авторизацию на Node.js

25 мар. 2023, в 06:29

10000 руб./за проект

Сделать фильтр поиска на странице, wp

25 мар. 2023, в 06:28

1000 руб./за проект

Верстка и натяжка дизайна на wordpress

25 мар. 2023, в 03:15

5000 руб./за проект

Что имеется в виду под "в браузере"? В фигма или уже сверстанное?
Если сверстанное, то код цвета одинаковый и там, и там? Нет каких-то дополнительных наложений?
Очевидно, потому что в верстке написали что-то не то или не всё или лишнего.

Пока вы не покажете макет и песочницу с кодом на codepen.io или аналоге, точно вряд ли кто-то скажет.
itisksey, уже сверстанное со скопированными hex цветов из фигмы в css
Да, хотелось бы посмотреть на макет и реализацию. Мб в макете есть какой-то слой сверху, либо режим наложения не дефолтный, либо полупрозрачность слоя
Ankhena, очевидно? Фигма с цветом #FF7020

<body style="background-color: #FF7020;"> </body>

Скриншот
itisksey, да даже без какого либо макета в пустом html документе цвет body блеклее чем в фигме
Mico Sanoa, с другими цветами такие же проблемы?
itisksey, да в целом со всеми достаточно насыщенными, чтобы это стало заметно
Mico Sanoa, тут мои полномочия всё. В качестве бредового предположения, на браузер действует какая постобработка цвета
Mico Sanoa, да, не очевидно. Я не права.

Проверяем:
1. В других браузерах
2. На других компах.

=> ищем в настройках браузера или компа ночные темы, режимы чтения и т.д.

Answer 1 · 2023-02-04 14:20:23

https://help.figma.com/hc/en-us/articles/360039825...

Если дизайнер не знает ничего про цветовые профили и их рендер в разных местах - он не дизайнер. Все в вебе работает в srgb. Все браузеры показывают только этот цветовой диапазон

Почему цвет в figma отличается от идентичного цвета в браузере?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт