Приглашаем посетить
Право (law.niv.ru)

Цвета элементов

Цвета элементов

Фоновый цвет и цвет текста для всей страницы назначаются параметрами тега BODY:
<body bgcolor="цвет" text="цвет">...тело страницы...</body>

Цвет шрифта для отдельных участков текста (тег также может управлять размерами шрифта):
<font color="цвет">...участок текста...</font>
Цвет фона таблицы: (аналогично и для отдельных ячеек, только table меняется на tr,td или th)
<table bgcolor="цвет">...тело таблицы(ячейки)...</table>
Цвет базового шрифта для всей страницы также можно определять тегом:
<basefont color="цвет"> -расположенным в голове страницы (чаще применяется для установки размеров шрифта)

Современные браузеры (от IE 4.0.) распознают 140 предопределенных цветов. Таблицу с названиями этих цветов Вы можете посмотреть здесь.
Задание цвета возможно как в именном так и в цифровом выражении, то есть в виде: <BODY BGCOLOR=tomato> или <font color=FF34C6>
В цифровом выражении цветность шифруется интенсивностью трех основных цветов: красного, зеленого и синего(RGB) в шестнадцатеричной системе. 00- нулевая интенсивность, FF- максимальная насыщенность. Соответственно: 000000- черный цвет, FF0000- красный, 00FF00 - зеленый, 0000FF - синий, FFFFFF- белый максимальной интенсивности. Исходя из этого правила, цвета с одинаковыми значениями всех трех параметров (Red=Green=Blue) будут серым, но разной интенсивности.

Могу порекомендовать очень маленькую бесплатную программку "Pixie" возвращающую цвет пиксела, на котором находится курсор мыши. Удобно при подборе фона под фотографии, например. Последнюю версию в интернете вы можете найти здесь.
Для наглядности, я насобирал для вас небольшую коллекцию цветов (Верхняя часть из них, колонками по три, была выставлена в качестве примера правильного подбора цветов, в RU/ководстве Артемия Лебедева.)

d9d9d9 a3bf00 ffc200 003562 0069a3 9eb03
a6a6a6 008992 ff0000 006d93 000000 c4a100
9b8f9b d3c2ad 000000 e8aa00 ffffff fad69f
Примеры цветов в RGB
f39e77 a8d59d 9595c6 9999ff 009933 990066
f6b580 99cc99 968187 cc0033 007299 009999
fad295 99cccc ae88b8 960018 e96b9e ff6633
fff99d 99ccff c699bd 999966 a9834f 0099ff
c7e19e 99add5 ff99cc 33cc66 6699cc 660066

В заключении рассмотрим иерархию цветовых тегов:

<html><head><basefont color=yellow></head>
<body bgcolor=white text=red>
<font color=blue>
Текст под действием тега font
<table border><tr><td>
Текст в таблице<br>
<font color=green>Текст в таблице под действием тега font</font>
</table>
</font>
</body></html>
Текст под действием тега font
Текст в таблице
Текст в таблице под действием тега font
Желтый цвет заданный тегом basefont переназначается параметром text тега body на красный*. Любой текст введенный сейчас без дополнительных цветовых тегов будет отображен красным. Но в предложенном примере такой тег имеется:- <font color=blue>. Он окрашивает верхнюю строку примера в голубой цвет. В границы тега попадает и таблица, но на текст находящийся внутри таблицы действие этого тега не распространяется! Таким образом текст таблицы будет выведен цветом указанным в параметре text (красным). Если же мы применим для текста внутри таблицы свой собственный тег<font color=green> то он будет исправно работать.
ЗАКЛЮЧЕНИЕ! Текст внутри таблицы следует снабжать собственными тегами <FONT>.(это касается и размеров)

*Тег <basefont> тем не менее остается актуальным из-за возможности управлять размером шрифта по умолчанию, что невозможно для тега BODY.

Назад | Содержание | Вперед