Цвет может задаваться определёнными английскими названиями или в шестнадцатеричном виде.
Пример
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Цвет</title> </head> <body> <div style="color: red;"> Красный цвет заданный названием </div> <div style="color: #FF0000;"> Красный цвет заданный шестнадцатеричным значением </div> </body> </html> |
Если обычно используемая цифра в десятичном исчислении находится в диапазоне от 0 до 9 и всего 10 цифр, то цифра в шестнадцатеричном исчислении может иметь значения: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F – всего 16 цифр. Число в шестнадцатеричном исчислении, также как число в десятичном представлении, может иметь более 1 цифры. Любой цвет можно представить в виде сочетания красного, зелёного и синего.
При задании цвета в шестнадцатеричном виде в начале записывается символ “#”, далее идут 2 цифры в шестнадцатеричном исчислении выражающие красную составляющую цвета, потом – 2 цифры выражающие зелёную составляющую и в конце – 2 цифры выражающие синюю составляющую.
Некоторые цвета:
| Цвет | Название | Шестнадцатеричное | Вид |
|---|---|---|---|
| Чёрный | black | #000000 |  |
| Тёмно-серый | gray | #808080 |  |
| Серый | silver | #C0C0C0 |  |
| Коричневый | maroon | #800000 |  |
| Красный | red | #FF0000 |  |
| Оранжевый | orange | #FFA500 |  |
| Фиолетовый | purple | #800080 |  |
| Розовый | fuchsia | #FF00FF |  |
| Зелёный | green | #008000 |  |
| Оливковый | olive | #808000 |  |
| Светло-зелёный | lime | #00FF00 |  |
| Тёмно-синий | navy | #000080 |  |
| Синий | blue | #0000FF |  |
| Голубой | aqua | #00FFFF |  |
| Жёлтый | yellow | #FFFF00 |  |
| Белый | white | #FFFFFF |  |
