Работа с цветом

1. Введение

Для тех, кто не посвящен в детали, даю некоторые разъяснения. Цвет на экране монитора задается тремя составляющими, так называемый RGB-код - красный, зеленый, голубой. Каждое значение RGB изменяется от 0 до 255, которое показывает долю свечения данного цвета - 0 - черное, 255 - максимально яркое. Путем смешивания этих составляющих в различных сочетаниях достигается отображение на экране любого цвета. Если Вы подсчитаете количество комбинаций, то получите огромную цифру - свыше 16 миллионов цветовых оттенков, порой даже практически неотличимых друг от друга.

Однако, представление цвета десятичными знаками для компьютера неперспективно, поскольку память используется неэффективно. Гораздо более удобным (и принятым по умолчанию, по крайней мере, для всех браузеров) считается представление цвета в 16-теричном коде. Если, например, для кодировки белого цвета в десятичном исчислении надо задать так: 255, 255, 255, то есть 9 цифр, да еще обязательно с разделителем, получается 11 знаков. Разделители необходимы потому, что код каждого цвета может быть однозначным, двухзначным или трехзначным числом. То есть для каждого цвета должно быть отведено не менее 11 ячеек памяти. В 16-теричном коде для этого нужно не более 6 ячеек (для белого цвета FFFFFF). Каждое 16-теричное число изначально задается двухзначным, то есть, если это 4, то пишется 04 и так далее до FF, которое в переводе на десятичную систему соответствует 255.

В дальнейшем для удобства я буду пользоваться 16-теричными кодами цветов, те кому необходимо получить десятичные коды могут легко воспользоваться встроенным в Windows калькулятором. Его надо перевести в инженерный режим и ввести любое десятичное число, затем нажать радиокнопку Hex и в окне калькулятра будет 16-теричный эквивалент. Например: введем 233, нажав кнопку Hex, видим E9. Если Вам часто приходится переводить числа из одной системы в другую, то лучше составить и напечатать таблицу перевода, чтобы она была всегда перед глазами.

2. Оттенки

Для начала попробуем получить различные оттенки от светлого к темному (или наоборот) одного и того же цвета. Посмотрите внимательно на коды таблицы, расположенной внизу.

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

Если Вы оперируете RGB-кодами, то тогда Вам надо каждое число кода уменьшать на 16. Это менее удобно, но выполнимо. Уменьшение кода менее, чем на 16 меняет цвет так мало, что практически это незаметно, а более 16 - дает большее отличие от предыдущего. Единственное условие, чтобы точно получить оттенок того же цвета, должны кратно меняться сразу все три составляющие: красная, зеленая и голубая.

А вот еще один пример такого же стиля, но другого цвета. Примеры можно приводить бесконечно.

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

Этот цвет уже воспринимается как черный, хотя таковым не является. [далее>>]

© Владимир Голованов