Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Цвет

Справочник: 
Значение

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

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

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

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

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

1 2 3 4 5 6 7 8
1 2 3 4 5 6 7 8
9 10 11 12 13 14 15 16
9 0 A B C D E 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 оттенков.

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

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

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

aqua   Голубой #00ffff
black   Черный #000000
blue   Синий #0000ff
fuchsia   Фуксия #ff00ff
gray   Серый #808080
green   Зеленый #008000
lime   Светло-зеленый #00ff00
maroon   Темно-красный #800000
navy   Темно-синий #000080
olive   Оливковый #808000
purple   Фиолетовый #800080
red   Красный #ff0000
silver   Светло-серый #c0c0c0
teal   Сине-зеленый #008080
white   Белый #ffffff
yellow   Желтый #ffff00