Цвета

Варианты записи цвета.

Есть несколько вариантов записи цвета в HTML.

Цветовая модель RGB (Red, Green, Blue) была разработана для описания цвета на цветном мониторе.


Для большинства приложений значения координат R, G и B можно считать принадлежащими отрезку [0,1], что представляет пространство RGB в виде куба1×1×1.

В компьютерах для представления каждой из координат используется один октет (8 бит, имеет 256 состояний), значения которого обозначаются для удобства целыми числами от 0 до 255 включительно. На картинке ниже видно, что белый цвет может быть записан как (255, 255, 255).

В HTML используется #RrGgBb-запись, называемая также шестнадцатеричной: каждая координата записывается в виде двух шестнадцатеричных цифр, без пробелов (см. цвета HTML). Таким образом #RrGgBb-запись белого цвета выглядит так –#FFFFFF.

Также цвет можно записать его названием на английском языке. Для этого в HTML определены 16 ключевых цветов:

aqua (морская волна) – #00ffff

gray (серый) – #808080

navy (тёмно-синий) – #000080

silver (серебряный) – #c0c0c0

black (чёрный) – #000000

green (зелёный) – #008000

olive (оливковый) – #808000

teal (сине-зелёный) – #008080

blue (синий) – #0000ff

lime (лайм) – #00ff00

purple (пурпурный) – #800080

white (белый) – #ffffff

fuchsia (фуксия) – #ff00ff

maroon (тёмно-бордовый) – #800000

red (красный) – #ff0000

yellow (жёлтый) – #ffff00

Вернемся к нашему первому коду:

<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
Всем привет!
<br>
Это мой первый сайт!
</body>
</html>

Давайте сделаем надпись “Это мой первый сайт” синей. Для этого в наш код необходимо внести небольшие изменения, заменим:

Это мой первый сайт!

на:

<font color="#0000ff">Это мой первый сайт!</font>

Сохраняем и смотрим, что получилось. Надпись стала синей.

Мы также могли сделать это другим способом:

<font color="blue">Это мой первый сайт!</font>

<font> – это тег, а color – атрибут. Атрибуты – это характеристики тегов.

Понравилась статья?

Поделитесь ей с друзьями:

Есть вопросы? Задайте их через форму комментариев.
 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *