В HTML существует 16 предопределенных цветов, у каждого из которых есть имя:
| silver | gray | maroon | green | navy | purple | olive | teal |
|---|---|---|---|---|---|---|---|
| white | black | red | lime | blue | magenta | yellow | cyan |
В HTML 4 используется технология RGB, которая позволяет на веб-странице использовать до 166=16777216 цветов
RGB — это Red (красный), Green (зеленый), Blue (синий). Образно говоря, каждый цвет образуется в результате свечения с той или иной интенсивностью трех лампочек: красной, зеленой и синей.
Цвета отличные от 16 предопределенных можно составить указав их шестнадцатеричный код RGB.
Примечание. Было бы желательно Вам повторить двоичную, восьмеричную, десятичную и шестнадцатеричную системы счисления.
В шестнадцатеричной системе имеем 16 цифр: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f.
Для составления кода цвета нужны символ # и 6 шестнадцатеричных цифр: #X1X2X3 X4X5X6, где Xi одно из 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f для i от 1 до 6. X1X2 – для красного цвета, X3X4 – для зеленого цвета, X5X6 – для синего цвета. Например:
| #ffffff | #000000 | #ff0000 | #00ff00 | #0000ff | #ffff00 | #ff00ff | #00ffff |
|---|---|---|---|---|---|---|---|
| #ab44ff | #f8ee99 | #c5a24d | #703916 | #22ff44 | #44ff16 | #66ff99 | #bbffdd |
Для определения цвета букв страницы по-умолчанию (default font color) нужно набрать:
1. В теге <BODY>, перед символом >
TEXT=
2. «#rrggbb« или «color«
где #rrggbb – шестнадцатеричный код цвета, или color – имя одного из 16 предопределенных цветов. Обратите внимание на наличие скобок.
Для определения цвета фона страницы (backgroundcolor) нужно набрать:
1. В теге <BODY>, перед символом >
BGCOLOR=
2. «#rrggbb« или «color«
где #rrggbb – шестнадцатеричный код цвета, или color – имя одного из 16 предопределенных цветов. Обратите внимание на наличие скобок.
Для изменения цвета шрифта фрагмента текста на странице нужно набрать:
1. Перед текстом, цвет которого нужно изменить, наберите:
<FONT COLOR=
2. «#rrggbb« или «color«
где #rrggbb – шестнадцатеричный код цвета, или color – имя одного из 16 предопределенных цветов. Обратите внимание на наличие скобок.
3. >
4. Текст
5. </FONT>
Введите следующий код в html-файл, сохраните его и откройте файл в браузере для просмотра результата:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>
Моя веб-страница: Работа с цветом
</TITLE>
</HEAD>
<BODY TEXT=»#124412″ BGCOLOR=»yellow»>
<P>Цвет этого текста определен в теге BODY.</P>
<P><FONT COLOR=»red»>Буквы красного цвета</FONT></P>
<P>
<B>
<FONT COLOR=»#111188″>Жирные темно-синие буквы</FONT>
</B>
</P>
</BODY>
</HTML>