Web цвета

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

Как кодируется цвет, что такое web цвета, почему при создании сайтов нужно использовать web цвета?

Попробуем ответить на эти вопросы.

Как известно, для создания всего многообразия цветов достаточно всего три цвета. При этом используются различные модели цветообразования. Мы рассмотрим модель RGB, в которой каждый цвет образуется тремя основными цветами: красным, зеленым, синим. Каждый из этих цветов может иметь 256 градаций яркости. Эти значения могут быть записаны десятичными числами от 0 до 255, что дает 255*255*255=16777216 цветовых оттенков.

В HTML эти цвета записываются с помощью шестнадцатеричных чисел.

В шестнадцатеричной системе счисления используется основание 16 и, соответственно, 16 цифр: 0. 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Например, десятичному числу 45 соответствует шестнадцатеричное число 2D, а числу 255 – FF. Переводить числа вы можете, используя стандартный калькулятор Windows, переключив его вид в Инженерный.

Чтобы не путать эту кодировку, перед кодом цвета ставят знак «решетки» #, например, #A38E34. Первые две цифры А3 определяют красную составляющую цвета, далее, 8Е – зеленую, а пятая и шестая цифры,34 – синюю.

Большинство графических редакторов и редакторов Web-страниц отображают коды цветов в десятичном и шестнадцатеричном виде. Например, если открыть в программе Adobe Photoshop окно настройки цвета, можно увидеть поля, в которых отображаются десятичные коды красной, зеленой и синей составляющей, а также поле с шестнадцатеричным кодом цвета.

Web цвета


Для глубокого изучения программы Adobe Photoshop воспользуйтесь видеокурсом Зинаиды Лукьяновой «Фотошоп с нуля в видеоформате».


Палитра Adobe Dreamweaver также позволяет определить шестнадцатеричный код цвета.

Web цвета

Но в настройках монитора можно настроить качество цветопередачи 8 бит (256 цветов). В этом случае в разных браузерах один и тот же цвет может отображаться по разному. Это объясняется тем, что каждый браузер по-своему заменяет цвета, отсутствующие в 256-цветной палитре.

Для того, чтобы решить эту проблему, договорились использовать так называемые Web цвета. В их кодировке для каждой из трех составляющих – красной, зеленой и синей – используется шесть значений: 00 33 66 99 CC FF. Тогда получается 6*6*6=216 цветов, которые и рекомендованы для использования при создании Web-страниц.

Вернемся к окну настроек цветов в Photoshop. Если поставить галочку в поле Только Web-цвета, то цвета будут отображаться ступенчато. Останутся только 216 Web цветов.

Web цвета

Конечно, в настоящее время мало кто использует 8-битную цветопередачу. Да и современные сайты одержат высококачественную графику, профессиональные фотографии со множеством оттенков. Качество мониторов и видеокарт стремительно растет.  Поэтому понятие Web цветов становится неактуальным.

Если вас заинтересовала статья, или вам есть, что добавить, оставьте комментарий.

Проголосуйте за статью, нажмите кнопку социальной сети.

Еще советую почитать по этой теме:

Оптимизация изображений в формате PNG
Здравствуйте, уважаемые читатели! В сегодняшней небольшой статье я хочу вернуться к теме оптимизации изображений в формате PNG. Дело в том, что этот формат набирает популярность, ...
Оптимизация изображений в формате JPEG.
Рассмотрим более подробно процесс оптимизации изображений в различных форматах. Оптимизировать изображение можно используя разные программы, но наибольшими возможностями обладает, конечно, графический редактор Adobe Photoshop. ...
Форматы графических файлов или оптимизация изображений – часть 3.
Итак, как уже было сказано, размер графического файла и качество изображения зависит от выбора формата, в котором он будет сохранен. Форматов графических файлов сейчас ...
Оптимизация изображений – часть 2.
Продолжим разговор об оптимизации изображений. Основная цель, которую преследует оптимизация изображений – уменьшение размера графического файла с наименьшей потерей качества. Достигается это несколькими путями. ...
Оптимизация изображений.
Большое значение для посетителей сайта, да и для его разработчиков имеет скорость загрузки страниц. А зависит она в большей мере от параметров рисунков, расположенных ...
Очень плохоПлохоСреднеХорошоОтлично (голосов: 1 в среднем: 5,00 из 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *