Цвета задаются комбинацией из 3-х 16-ти ричных чисел в виде #F48A34. Слава направо красный зеленый синий.
Каждый цвет может принимать значение от 0 до FF.
В итоге мы получим цвет из смеси красного цвета "весом"
F4 + зеленого цвета "весом"
8A + синего цвета "весом"
34 =
#F48A34
Вместо шеснадцатиричного представления цветом возможно использование их название:
| Название |
Цвет |
Hex |
Красный |
Зеленый |
Синий |
| black |
|
#000000 |
00 |
00 |
00 |
| red |
|
#FF0000 |
255 |
00 |
00 |
| lime |
|
#00FF00 |
00 |
255 |
00 |
| blue |
|
#0000FF |
00 |
00 |
255 |
| fuchsia |
|
#FF00FF |
255 |
00 |
255 |
| yellow |
|
#FFFF00 |
255 |
255 |
00 |
| aqua |
|
#00FFFF |
00 |
255 |
255 |
| white |
|
#FFFFFF |
255 |
255 |
255 |
| gray |
|
#808080 |
128 |
128 |
128 |
| green |
|
#008000 |
00 |
128 |
00 |
| maroon |
|
#800000 |
128 |
00 |
00 |
| navy |
|
#000080 |
00 |
00 |
128 |
| olive |
|
#808000 |
128 |
128 |
00 |
| purple |
|
#800080 |
128 |
00 |
128 |
| silver |
|
#C0C0C0 |
192 |
192 |
192 |
| teal |
|
#008080 |
00 |
128 |
128 |
Например:
результат
Цвет текста задается стилем color, цвет фона - background-color
Например:
результат
Таким способом можно задавать цвета для любых элементов HTML страницы
Например:
Результат
width - ширина блока, height - высота