Прогресс завершения курса:

Цвета в HTML

Цвет в HTML задаётся с помощью шестнадцатеричного кода.

Цифры шестнадцатеричной системы счисления: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.


Цветовая модель HTML

Любой цвет – это комбинация красного, зелёного и синего цветов (отсюда RGB, от англ. Red, Green, Blue).

Шестнадцатеричный код цвета состоит из символа решётки (#), за которым следуют три или шесть 16-ричных символов.

На рисунке ниже Вы можете увидеть классическую цветовую модель RGB, на которой можно заметить, что в местах, где круги накладываются друг на друга, образуются новые цвета:


Общее количество всех возможных комбинаций красного, зелёного и синего цветов превышает 16 миллионов.

Путём смешения цветов можно формировать новые цвета.
Удобнее всего использовать какой-нибудь HEX-редактор цветов.
Такой есть, например, у Google.

Цвет фона и шрифта

Атрибут bgcolor используется для изменения цвета фона веб-страницы.

В этом примере мы сделаем синий фон с белым заголовком:

<body bgcolor="#0000FF"> <!-- если оттенок не так важен, можно указать цвет простым текстом, например "blue" -->
<h1>
<font color="#FFFFFF"> <!-- в данном случае можно указать и как "white" -->
Заголовок белым цветом
</font>
</h1>
</body>

Результат:


У большинства элементов цвет задаётся посредством атрибута color.

Атрибут bgcolor же применяется в таких тегах как <body> и <table>.