Как получить правильно настроенный код CSS Color для отображения цвета хрома? - PullRequest
Новая
       58

Как получить правильно настроенный код CSS Color для отображения цвета хрома?

0 голосов
/ 22 сентября 2018

Я проектирую веб-сайт и ищу вдохновение от других сайтов.

Когда я захожу на сайт в Chrome (на Mac), использую пипетку для элемента и цвет на моем веб-сайте, цветэто отличается.Как я могу получить цвет, который я вижу, чтобы показать на моем сайте так же?Какой процесс использовать?Какие-нибудь инструменты, чтобы помочь?

Я думал, что проблема в том, что браузер рендерит по-разному, но Chrome и Safari показывают одинаковый цвет: https://codepen.io/anon/pen/NLmpgJ

Цвет CSS: 

  background-color: rgba(22, 39, 56, 1.0);

Цвет отрисовки в браузере: 

  background-color: rgba(18, 29, 43, 1.0);

Итак, допустим, я хочу, чтобы цвет моего (отрендеренного) сайта был (18, 29, 43), как я могу определить цвет CSS для вывода?(в этом случае ответ будет 22, 39, 56).

См. скриншот для объяснения моей путаницы: enter image description here

Пересмотренное резюме вопроса:

Я ищу формулу / инструмент, в котором я могу ввести цветовые коды Chrome и вернуть цветовой код, необходимый для передачи Chrome для рендеринга этого цвета.

1 Ответ

0 голосов
/ 23 сентября 2018

Простой ответ:

просто сделайте скриншоты и используйте инструмент выбора в Firefox и вставьте эти значения в CSS.

Chrome должен последовательно отображать цвета неправильно, что соответствует исходному наблюдаемому отображению некорректного цвета.

Поскольку Firefox отображает в реальных цветах RGB, решение состоит в том, чтобы просто перейти к исходному цветупредоставляется работающим браузером (firefox).

Это не будет работать, если веб-сайт использует разные цвета для разных браузеров, но в остальном работает отлично.

...