В html цвета определяются с помощью так называемого RGB кода (индекса). Каждый цвет представлен в виде комбинации красного (R - red), зеленого (G - green) и синего (B - blue) цветов в определённых пропорциях.
Смешение красного, зеленого и синего цветов (с одинаковой яркостью) дает шкалу из 256 оттенков (градаций) серого цвета — от черного до белого.
Базовые цвета смешиваются следующим образом:
* красный и зеленый — при максимальной яркости дают желтый цвет. Уменьшение яркости красного изменяет результирующий цвет в сторону зеленоватого, а уменьшение яркости зеленого делает цвет оранжевым.
* зеленый и синий — при максимальной яркости дают голубой. Изменяя пропорцию яркостей, можно получить 65 000 оттенков голубого, от небесного до темно-синего.
* красный и синий — при максимальной яркости дают пурпурный или фиолетовый. Уменьшение яркости синего сдвигает цвет в сторону розового, а уменьшение красного — в сторону пурпурного. ( )
Существует три способа определения цвета.
1) С помощью английского названия цвета, например:
color="red"
Наиболее часто употребляемые: aqua, black, blue, gray, green, maroon, red, white, yellow (см. таблицу ниже).
2) В виде сочетания трех двуразрядных шестнадцатеричных чисел. Интенсивность цвета задается числами от 00 до 99, либо сочетаниями английских букв (А, В, C, D, E, F). При этом первые две цифры (буквы) соответствуют красному цвету, вторые - зелёному, третьи - синему (т.е. RRGGBB). Максимальная интенсивность цветов выражается 00 и FF, т.е. color=#000000 соответствует черному цвету, color=#FFFFFF - белому цвету.
Таблица соответствия английских названий и шестнадцатеричных RGB-кодов:
Русское название (Англ. название) RGB-код
Аквамарин (aqua) #00ffff
Белый (white) #ffffff
Жёлтый (yellow) #ffff00
Зелёный (green) #008000
Золотой (gold) #ffd700
Индиго (indigo) #4b0080
Каштановый (maroon) #800000
Красный (red) #ff0000
Оливковый (olive) #808000
Оранжевый (orange) #ffa500
Пурпурный (purple) #800080
Светло-зелёный (lime) #00ff00
Серебристый (silver) #c0c0c0
Серый (gray) #808080
Сизый (teal) #008080
Синий (blue) #0000ff
Ультрамарин (navy) #000080
Фиолетовый (violet) #ee80ee
Фуксиновый (fuchsia) #ff00ff
Чёрный (black) #000000
3) Меняя интенсивность каждого цвета в диапазоне от 0 до 255, можно получить 16 777 216 оттенков. При этом белому цвету соответствует сочетание (255, 255, 255), чёрному - (0, 0, 0), красному - (255, 0, 0), зелёному - (0, 255, 0), синему - (0, 0, 255).
В HTML цвета прописываются следующим образом:
1) в теге <BODY> можно задать цвета, которые будут использоваться на всей html-странице:
bgcolor="#код цвета" - цвет фона документа,
text="#код цвета" - цвет текста документа,
link="#код цвета" - цвет текста, используемого в качестве ссылки,
vlink="#код цвета" - цвет ссылки на просмотренний ранее документ,
alink="#код цвета" - цвет ссылки в момент нажатия на нее правой кнопки мыши.
Например:
<BODY BGCOLOR="#FFFF88" TEXT="#0000FF" LINK="#FF0000" VLINK="#CF2CD4" ALINK="#C033FF"></BODY>
2) в конкретных местах текста html-кода страницы цвета задаются следующими тегами:
для изменения цвета текущего текста:
<FONT COLOR="код цвета"> Текущий текст </FONT>
для задания цвета фона текущего абзаца ("выделение маркером"):
<P><span style="background:код цвета"> Текущий текст, выделенный маркером </span></P>
например:
<P><span style="background:yellow"> Текущий текст, выделенный жёлтым маркером </span></P>
для задания цвета фона всей таблицы:
<TABLE BGCOLOR="#код цвета"><TR><TD></TD></TR></TABLE>
для задания цвета фона отдельной ячейки таблицы:
<TABLE><TR><TD BGCOLOR="#код цвета"></TD></TR></TABLE>
На сайте
даны три подробные таблицы с примерами цветов и RGB-кодов:
Таблица 1. Базовые цвета HTML
Таблица 2. Цвета Internet Explorer и Netscape Navigator
Таблица 3. Системные цвета CSS в Windows по умолчанию
Цветовая палитра в 455 оттенков (английское название, трёхзначные RGB-коды и шестнадцатеричные буквенно-цифровые коды):
Таблица некоторых цветов с названиями, которые используются в Netscape Navigator:
На сайте
приведены правила задания цветов в html и даны 4 таблицы:
Чистые цвета
Смешанные цвета, Красный - Зеленый
Смешанные цвета, Зеленый - Синий
Смешанные цвета, Красный - Синий
Существуют также различные программы для подбора цветов в RGB-кодах, например:
RGB Color generator 2.1 - утилита для web-дизайнеров.
Основная фунцкия - генерирование кода цвета (в шестнадцатеричной и десятичной системах) путем выбора значений красной, зеленой, синей компонент. Дополнительные функции: случайный цвет, инвертирование цвета, замена местами цветовых каналов, увеличение/уменьшение яркости цвета. Распространяется бесплатно (Freeware).
ColorDetector 2.0 - утилита для подбора и сохранения цветов (лупа + пипетка). Показывает значения в RGB и HTML форматах, позволяет смешивать цвета, сохранять подобранные наборы в текстовый файл. Распространяется бесплатно (Freeware).
YuF Color Picker v1.1.2 - это подборщик цвета с расширенными возможностями для дизайнеров и веб-мастеров. YuF Color Picker способен получать цвет произвольной точки экрана. То есть вы перемещаете курсор мыши, а программа автоматически определяет цвет той точки, в которой вы находитесь в данный момент. Преимущества YuF Color Picker - простота и функциональность без лишних "наворотов"; программа имеет русскоязычный интерфейс и распространяется бесплатно (Freeware).
Pick A Boo - утилита для определения кода цвета нужного сегмента в трех форматах: HTML, C, Pascal и RGB. Умеет прятаться в трей и "зависать" поверх других окон. Отличный помощник web-мастерам, дизайнерам, художникам и всем кто работает с графикой. Распространяется бесплатно (Freeware).