Определение значения цветового атрибута
Всякий раз, когда вы используете один из атрибутов выбора цвета, такой как bordercolor, bgcolor, bordercolorlight, bordercolordark и т.д. в HTML-дескрипторе для задания цвета элемента, вы указываете нужный вам цвет в виде шестнадцатеричного числа. Например, чтобы создать таблицу со светло-желтым фоном, необходимо указать атрибут bgcolor в дескрипторе <table> таблицы следующим образом:
<table bgcolor="#FFFFE0">
Аналогично, чтобы нарисовать темно-синюю границу по периметру таблицы и вокруг каждой ячейки в таблице, следует задать атрибут bordercolor в дескрипторе <table> таблицы следующим образом:
<table bordercolor="#00008B">
Значение атрибута, которое сообщает Web-браузеру, какой цвет использовать при рисовании элемента Web-страницы или закрашивании фона называется шестнадцатеричным (по основанию 16) RGB-триплетом (red-green-blue — красный-зеленый-синий). Иными словами, большое шестнадцатеричное число на самом деле состоит из трех отдельных шестнадцатеричных значений (отсюда и термин "триплет"). Эти значения сообщают браузеру, "сколько" красной, зеленой и синей составляющих необходимо смешать, чтобы получить цвет, который должен использовать браузер, рисуя элемент или закрашивая фон.
При создании цвета каждая из трех основных цветовых составляющих (красная, зеленая, синяя) может иметь значение от 0 до 255 включительно, где 0 обозначает отсутствие, а 255 — максимальное количество. Следовательно, во втором примере данного практикума, где атрибут bordercolor в дескрипторе <table> задает темно-синий цвет границ таблицы, значение bordercolor, равное #00008B, дает Web-браузеру указание создать цвет границы путем смешивания 0 красного с 0 зеленого с 139 синего. (Шестнадцатеричное значение 8B равно десятичному значению 139.) Таким образом, Web-браузер создает заданный вами оттенок путем смешивания нулевого количества красного, нулевого количества зеленого и чуть больше половины максимального количества синего.
ПРАКТИКУМ
Чтобы определить шестнадцатеричный RGB-триплет цвета, который вы хотите использовать, зайдите на http://www.htmlhelp.com/cgi-bin/color.cgi или сверьтесь с меню цветов шрифта или фона своего любимого редактора изображений. Большинство графических программ предоставляют RGB-значения, используемые для создания цвета, выбранного вами из палитры образцов цветов или смешанного в окне Пользовательские цвета (Custom colors) приложения. Или же, если вы пользуетесь пакетом Microsoft Office, щелкните на кнопке со списком справа от кнопки Font Color (Цвет шрифта) в стандартной панели инструментов Microsoft PowerPoint или Microsoft Word. Затем щелкните на кнопке Other Colors (Другие цвета...) внизу раскрывшегося меню. Приложение Office, в свою очередь, отобразит диалоговое окно Colors (Цвета), аналогичное показанному на рис. 2.13.
Рис. 2.13. Закладка Спектр диалогового окна Colors (Цвета) редактора Microsoft Word
Если содержимое закладки Custom (Спектр) скрыто, щелкните на закладке Custom (Спектр) в диалоговом окне Colors. Чтобы "смешать" пользовательский цвет, щелкните на нужном цвете на цветовой палитре в верхней части закладки Custom, а затем на ползунке насыщенности цвета справа от палитры. Всякий раз, когда вы создаете цвет, диалоговое окно покажет вам образец цвета в нижнем правом углу диалогового окна и RGB-значение цвета в полях Red (Красный), Green (Зеленый) и Blue (Синий). Если RGB-значения — десятичные, а не шестнадцатиричные, вам потребуется преобразовать каждое из них в шестнадцатеричный эквивалент. Затем составьте три шестнадцатеричных RGB-значения в один шестнадцатеричный триплет вида "#RRGGBB" (где RR, GG и BB - шестнадцатеричные значения красной, зеленой и синей составляющих смешиваемого цвета).
ПРИМЕЧАНИЕ: Перечень шестнадцатеричных триплетов можно просмотреть, зайдя на сайт по адресу http://www.htmlhelp.com/cgi-bin/color.cgi. Кроме того, несколько более длинный перечень шестнадцатеричных триплетов и пример соответствующего каждому из них цвета вы найдете по адресу http://www.hypersolutions.org/pages/rgbhex.html.