Характеристика значения

Общее определение

Цвета в программировании определяются с помощью комбинации цифр и букв. А если говорить более точнее и грамотно — то двумя способами: посредством шестнадцатеричной системой кодировки или по определенным формулировкам названий цветов. Последний метод используется значительно реже чем первый, так как он имеет большую гамму и боле универсальный.

Шестнадцатеричные цвета

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

Крупные числа, которые превышают пограничное значение 15, в данной системе исчисления образуются комбинациями нескольких знаков. К примеру, АА или 1С .

Ключевым отличием использования шестнадцатеричной системы от других является использование знака # перед самим числом. К примеру - #ее54сс.

Как правильно задавать?

<p style="color:#abc8d7;">

Запись выше означает, что в данном абзаце цвет букв задан как #abc8d7. Теперь разберем по частям эту кодовую запись. На первом месте стоит знак #, который сообщает нам о том, что цвет закодирован шестнадцатеричной системой исчисления. Также имеются шесть символов, которые разбиваются на 3 разных цвета: ab — красный с темным оттенком, c8 — ядовито-зеленый, d7 — синий. Смесь этих трех цветов дают оттенок, который показан на изображении ниже

Все три составляющие изменяются в интервале от 00 до FF. Из этого следует, что в этот интервал входит 256 оттенков. Если учесть все возможные цветовые комбинации по трем цветам, то общая цветовая гамма составит 16 777 216 оттенков.

Способ получения цветов из красного, синего и зеленого носит название RGB (аббревиатура от заглавных букв основных цветов, указанных на английском языке — Red, Green, Blue). Такому способу еще присваивают склонность к аддитивности, так как при сложении этих цветов получаем белый.

Для лучшей ориентации в шестнадцатеричных цветах необходимо заполнить несколько простых хитростей:

• Если значения кодировки оттенков основных цветов повторяются, то получается серый цвет. Светлость серого оттенка на прямую зависит от показателя чисел. Если число маленькое, то получаем темный серый и наоборот.
• Чтобы получить идеальный синий, красный или зеленый цвет требуется обнулить остальные два. К примеру, для чистого красного цвета нужно задать следующую комбинацию - #ff0000. Соответственно зеленый - #00ff00, и синий - #0000ff.
• Помимо основных цветов существуют вспомогательные, которые получаются в следствие смешивания основных, к примеры при комбинировании зеленого и красного получаем желтый, зеленый с синим даст бирюзовый, а красный и синий — розовый. Более наглядно это выглядит на рисунке ниже

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

Веб цвета

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

Решением этой проблемы было создание отдельной комбинации цветов, одинаковой для всех браузеров — веб-цветов.

Такая система кодировки цветов задает для каждого основного цвета 6 оттенков, вследствие чего общая цветовая гамма составила 256 оттенков.

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

Цвета по названию

Существует еще один способ кодировки цвета — по названию. Данный способ используется для облегчения запоминания самых распространённых цветов, так как непонятные комбинации цифр и букв запоминаются хуже, чем логически понятное слово. Ниже представлена таблица с названиями цветов и их обозначением