Понятие о безопасной палитре цветов
Перевод статьи ““
Существует палитра из 216 цветов, поведение которых мало предсказуемо при использовании разного железа и программных платформ. Она называется web-безопасной (или просто безопасной) палитрой, и эти цвета распознаются всеми браузерами и системами (ну, за исключением совсем уж древних систем). Хотя эти цвета и не выглядят точно один в один из-за особенностей разных мониторов, они хотя бы однозначно распознаются всеми системами.
Web-безопасные цвета были выбраны математически, а не в силу того, что эти цвета используются чаще всего. RGB-коды для безопасных цветов состоят из нуля и других шестнадцатеричных цифр, делящихся на три: 3, 6, 9, C (12) и F (15). Кроме того, эти цифры всегда используются попарно.
Профессиональная разработка интернет-магазинов в Перми.
Нужна раскрутка сайта? Заходи на www.kokoc.com
Например:
- #3366FF является безопасным цветом, потому что состоит из парных цифр, делящихся на три.
- #2255AA не является безопасным, поскольку числа не делятся на три.
- #3693CF не является безопасным, поскольку цифры хоть и делятся на три, но не являются парными.
Повышение значений парных цифр, например от 33 к 66, означает 20% повышение насыщенности данного тона.
Многие цвета помимо шестнадцатеричных кодов имеют имена. Например, в таблице стилей можно написать «color:red». Загвоздка в том, что только десять из этих имен цветов соответствуют в точности одному и тому же коду во всех браузерах. Казалось бы, нечто такое очевидное, как «red» должно бы всегда соответствовать коду #FF0000, но, к сожалению, это не всегда так. Например, имя цвета «brown» соответствует коду #A52A2A в Navigator 7.2 и коду #993333 в Internet Explorer 6. Хотя новые версии Internet Explorer и Firefox лучше согласуются между собой, все равно безопаснее использовать шестнадцатеричные коды, а не имена.
Фактически, все графические программы и среды web-разработки предлагают собственные версии безопасной палитры. К сожалению, эта палитра имеет строгие ограничения, особенно когда речь идет о более тонких и сложных оттенках, которые так любят многие дизайнеры. Так что происходит, если вы выбираете цвет, не являющийся web-безопасным? Если у посетителя сайта стоит достаточно мощная система, чтобы отобразить именно этот цвет, то он выглядит должным образом. Если же нет, браузер делает одно из двух: либо на свое усмотрение меняет цвет на ближайший к нему, который он может распознать, либо использует дитеринг.
Грамотная регистрация в каталогах Рунета
Веб-студия Юнима. Создание сайта в Саратове.
Дитеринг подразумевает смешение пикселей двух разных цветов с целью создания оптического обмана, чтобы наш глаз воспринял третий, промежуточный цвет — фактически, происходит его подмена. Дитеринг на экране компьютера работает по тому же принципу, по которому наш глаз воспринимает быстро сменяющиеся отдельные кадры как одно плавно движущееся изображение. Даже несмотря на то, что наш глаз выполняет такое слияние автоматически, зернистость в области дитеринга все равно заметна и отвлекает внимание, особенно если заливка большой области выполнена сплошным цветом. Дитеринг не всегда плох (иногда его применяют целенаправленно для получения особых эффектов), однако сплошной цвет является более предпочтительным, чем смешанный.
Есть несколько алгоритмов дитеринга. Один из самых ранних и самых популярных по сей день — , разработанный в 1975 г.
Одним из преимуществ данного алгоритма является минимизация помех изображения, благодаря диффузному процессу; с помощью диффузных алгоритмов обычно удается получить изображение, которое намного ближе к оригиналу, чем изображение, полученное с помощью более простых алгоритмов дитеринга.
— Wikipedia
Из-за этой проблемы некоторые специалисты до сих пор советуют придерживаться web-безопасной палитры. Однако, она налагает серьезные ограничения: 216 цветов это не так уж много для большинства дизайнеров (вроде меня). Неизбежно, в точности такого цвета, как нам представляется, просто не оказывается в безопасной палитре.
Это ставит нас перед дилеммой: следует ли ограничиться безопасной палитрой из 216 цветов, чтобы быть уверенными, что наши цвета не изменятся и не подвергнутся дитерингу у тех пользователей, чьи браузеры не могут распознать большее количество цветов? Или радостно и безоглядно выбирать из 16,8 миллиона великолепных, изумительных и выразительных цветов, которые все же могут увидеть на экране многие, пусть и не все, пользователи?
Заключение
Фактически, старых компьютерных систем с цветовым диапазоном из 256 цветов осталось так мало, что большинство специалистов уже объявляют, что web-безопасная палитра осталась в прошлом. И все же, ответ на вопрос, стоит ли использовать безопасную палитру, звучит как: «Зависит от обстоятельств». Зависит от того, насколько значительную долю вашей потенциальной аудитории составляют пользователи со старыми компьютерами, поддерживающими только 256 цветов. Зависит от того, будут ли заходить на сайт с коммуникаторов или сотовых телефонов, которые могут поддерживать только 256 цветов. Даже для таких пользователей использование безопасных цветов наиболее важно на больших поверхностях сплошного цвета в графических элементах и фонах HTML-страниц, где больше всего заметны дитеринг или смена цвета. Если ни одно из этих условий, вроде бы, не влияет на большую часть вашей аудитории, то вы можете спокойно использовать любые цвета, которые поражают ваше воображение.
Dmoz
Вы уж простите старого зануду, но позволю себе поправочку. В первой строке к “at least somewhat predictable” больше подходит “по крайней мере частично предсказуемых”, да и фактически так и есть, палитра потому и называется безопасной, что можно использовать эти цвета не боясь что они поведут себя неадекватно.
Ну и, кроме того есть смысл дать ссылку на эту самую таблицу, хотя бы у того-же Лебедева – ().
Dmitro PodzyvalovskyЦитировать
@Dmitro Podzyvalovsky,
спасибо за замечания, они уместны :)
Блог для вебмастеровЦитировать
Соглашусь со специалистами по поводу того что web-безопасная палитра осталась в прошлом.
VityahyaЦитировать
Спасибо за перевод статьи. Сам уже не пользуюсь безопасной палитрой, но, действительно, если создается контент для мобильных устройств, то придерживаться безопасной палитры не только можно, но и строго рекомендуется.
KirillЦитировать
Неужели такой палитрой еще кто то пользуется?
BlackЦитировать
сталкивался с некорректным отображением небезопасного цвета в IE6
kachayЦитировать
@Black: Как тот факт, что люди заканчивают школу не делает правильным пренебрежением правилами вроде “жи ши пиши с И”, так и тот факт, что люди становятся профессионалами не делает правильным пренебрежение основами. Профессионал профессионален в мелочах.
@kachay: MSIE 6 – маргинально-архаичный пережиток прошлого, который сохранился у людей, которым религия не позволяет использать обновления системы, и у тестировщиков, сейлы которых никак не уберут это зло из списка используемых браузеров. ;)
Dmitro PodzyvalovskyЦитировать
как то не заморачивался на счет этой палитры. Если учитывать даже такие мелочи то нужно быть профессионалом, а обычному оптимизатору заморачиваться по-моему не стоит.
AlekseiЦитировать
Почему? Наоборот, безопасная палитра на то и безопасная, что хорошо ее поведение хорошо предсказуемо на разных платформах.
Мне кажется, надо заменить «мало предсказуемо» на «достаточно хорошо предсказуемо».
Неправильная закрывающая кавычка. Поправьте, пожалуйста.
Алик КирилловичЦитировать
Еще одно небольшое замечание к иллюстрации «Пример дитеринга»
Уменьшенную версию квадрата «Сплошной, несмешанный цвет, 6×6 пикселей под увеличением» неверно называть «Тот же не смешанный цвет без увеличения». Ведь его размер на иллюстрации составляет не оригинальные 6px, а 30px — т.е. увеличение все же присутствует.
То же самое относится и к квадратику «Тот же цвет с дитерингом, без увеличения».
Алик КирилловичЦитировать
А сам автор придерживается безопасной палитры ? :)
Ooh_laЦитировать
Я думаю, что каждый вебмастер решает исходя из статистики посещения пользователя (браузер / платформа).
Меньше одного процента погоды по-хорошему никому не сделают.
Хотя … но лучшее враг хорошего.
Так что я остановился на хорошем – то есть не “небезопасной” палитре.
ИванЦитировать
Не знал об этом дитеринге и никогда не ограничивал себя в выборе цвета, при проверке кроссбраузерности также никогда не сталкивался с подобными проблемами. Думаю, что это прошлый век и не стоит загонять себя в рамки 216 цветов. А что касается тех немногих, у кого будут неадекватно отображаться “небезопасные цвета” – красота требует жертв.
PeaceDoorBallЦитировать
Как некий плюс к дизайну, выполненному в безопасных цветах, хочется добавить, что картинки к нему можно сохранить в более сжатом формате, в силу использования меньшей палитры.
VincenteЦитировать
Всегда лучший выбор эксклюзивных цветов
freshflowers.com.uaЦитировать
я За оригинальность.
errorkaЦитировать
А я за креатив и оригинальность.
BobiЦитировать
При желании можно и из этих 256 цветов составить вполне сносный дизайн. Кстати, не сказал бы, что их поведение всегда предсказуемо – например, у меня в конце 90х был компьютер, который в Paint при выборе цвета показывал розовый, а в готовом варианте – серый. Не знаю до сих пор, с чем это было связано, ведь в настройках файла стояли также 256 цветов, и все цвета, кроме розового, отображались адекватно.
БлоговЦитировать
хоть и прописные истины написаны, но иногда полезно их перечитывать, а то многие веб мастера лепят чёрт знамо что а не цвета.
ЮляЦитировать