веб безопасные цвета? - PullRequest
       23

веб безопасные цвета?

3 голосов
/ 16 сентября 2009

Все еще уместно рассмотреть это? Я не очень много работаю с графикой, но недавно я установил цвет фона веб-страницы (используя CSS) на тот же цвет фона, который используется в изображениях на странице. # 312F32. на разных машинах в офисе это выглядело отлично, но дома на моем новом блестящем Mac (и некоторых других с тех пор) определенно была заметная разница между ними.

Может кто-нибудь дать мне курс напоминания о веб-цвете 101? :>


Справка:

Ответы [ 6 ]

5 голосов
/ 16 сентября 2009

лично я чувствую, что это не так уж важно, так как в настоящее время современные браузеры могут правильно отображать цвета. Важно то, что цвет вашего фонового изображения должен совпадать с цветом фона.

разные цвета у мониторов могут быть просто из-за того, что настройки монитора разные. так что вам не о чем беспокоиться.

Что действительно важно для веб-дизайна, так это то, что ваш дизайн должен быть привлекательным.

3 голосов
/ 16 сентября 2009

все еще уместно рассмотреть это?

Нет. Честно говоря, никогда не было действительно «безопасной для сети» палитры, так как многие системы имели разную глубину цвета и палитры даже в те дни, когда машина с Windows, работающая в 8-битном цвете, была нормой.

Сегодня 8-битная палитра еще очень мало работает, и те вещи, которые не обязательно используют ту же самую.

На разных машинах в офисе все выглядело отлично, но дома, на моем новом блестящем Mac (и нескольких других с тех пор), между ними явно была заметная разница.

Блестящий новый Mac определенно будет работать в полноцветном режиме, как и все остальные, так что это не проблема палитры.

Было ли изображение PNG? Если это так, то, вероятно, у вас гамма-проблема , вызывающая смещение цвета на разных платформах. Чтобы избежать этой проблемы, PNG для Интернета следует сохранять без блока gAMA.

0 голосов
/ 20 июля 2016

1) # 312F32 - это не «безопасный веб-цвет» для начала. Веб-безопасные цвета кратны 33-м, например, # 333333, # 003366, # ff3300 (f = 15).

2) Разница в мониторах и в том, как они отображают цвета: у меня были ПК и Mac рядом, которые пытались сопоставить цвет изображения с панелью навигации веб-страницы. Я столкнулся с той же проблемой, что и вы. Хотя палитра цветов на каждом компьютере согласилась с тем, какой цвет был на изображении, ни один монитор не выглядел точно так же, как только я обновил цвет панели навигации.

3) Предложение: иногда вам нужно найти счастливую среду или работать с более темными оттенками, где вы не замечаете цветовых различий.

0 голосов
/ 10 февраля 2012

Причиной появления различий между вашим Shiny New Mac и мониторами на работе (или во многих других местах) является различие в мониторе цветовой охват :

Мониторы Mac и более высокого класса имеют лучшую цветовую гамму , чем обычные мониторы потребительского уровня. В моем исследовании обычный монитор Acer или аналогичный монитор имел цветовую гамму 78%, в то время как монитор более высокого класса покрывает 96% цветового пространства Adobe RGB . У меня есть симпатичный NEC с 96% цветовой гаммой монитор рядом с Acer X223W (78% цветовой гаммы), и разница просто удивительна, когда я перемещаю изображение или веб-сайт с одного на другое. Цвета появляются там, где их не было, а изображение просто более живое и живое.

0 голосов
/ 16 сентября 2009

Интернет-палитра не актуальна уже как минимум пять лет, ИМО. Вероятно, вы видите коррекцию цветового профиля в PNG со встроенными цветными профилями. Некоторые браузеры (Firefox 3+ и, возможно, Safari?) Читают эти профили и пытаются отобразить изображение в том виде, в котором оно было изначально создано (т. Е. Как если бы вы смотрели на него на мониторе создателя изображения). Это может привести к визуальному несоответствию между «чистыми» цветами в PNG и отображаемыми цветами HTML (например, с помощью стиля CSS)

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

Самый простой способ предотвратить это (в большинстве случаев) - отключить коррекцию цвета в редакторе изображений и не экспортировать PNG (или JPG) со встроенными цветовыми профилями. Пусть монитор пользователя угадает, как отображать изображение - обычно в том же цветовом профиле, что и все остальное на странице.

Чтобы гарантировать, что то, что вы видите на экране , соответствует наиболее распространенным настройкам цвета, используйте общий профиль коррекции цвета, такой как sRGB или sRGB IEC61966, и сохраняйте относительно "крутой" уровень гаммы, между 2,0 и 2,3 , (Большинство компьютеров имеют гамму ~ 2,2). Не калибруйте монитор, если вы не отправляете графические файлы между устройствами.

Дополнительные кредитные чтения:

0 голосов
/ 16 сентября 2009

Самый простой способ запомнить это для меня: кратно 0x33 на каждый байт. Например. 0x333333, 0x330099, 0xFFFFFF и т. Д.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...