|
Цвета
Для задания цветов на веб-странице применяется три способа: первый использует
обозначения цветов в шестнадцатеричном коде, второй — десятичном, а третий — по
названию некоторых цветов. Преимущественно используется способ, основанный на
шестнадцатеричной системе исчисления, как наиболее универсальный. Десятичная
система, хотя и более привычна для представления, находит применение только с
помощью CSS.
Шестнадцатеричные цвета
Для задания цветов в HTML используются числа в шестнадцатеричном коде.
Шестнадцатеричная система, в отличие от десятичной системы, базируется, как
следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6,
7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. В
табл. 1 приведено соответствие десятичных и шестнадцатеричных чисел.
Табл. 1. Десятичные и
шестнадцатеричные числа меньше 16 |
Десятичные |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
Шестнадцатеричные |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
A |
B |
C |
D |
E |
F |
Числа больше 15 в шестнадцатеричной системе образуются объединением двух
чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в
шестнадцатеричной (табл. 2).
Табл. 2. Десятичные и
шестнадцатеричные числа больше 16 |
Десятичные |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
Шестнадцатеричные |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
1A |
1B |
1C |
1D |
1E |
1F |
Чтобы не возникало путаницы в определении системы счисления, перед
шестнадцатеричным числом ставят символ решетки #, например #666999.
Типичный цвет, используемый в HTML, выглядит следующим образом.
Цвет фона задан как #FA8E47. Символ решетки # перед
числом означает, что оно шестнадцатеричное. Первые две цифры (FA)
определяют красную составляющую цвета, цифры с третьей по четвертую (8E)
— зеленую, а последние две цифры (47) — синюю. В итоге получится
такой цвет.
Каждый из трех цветов — красный, зеленый и синий — может принимать значения
от 00 до FF, что в итоге образует 256 оттенков. Таким образом, в модели RGB
количество цветом может быть 256 х 256 х 256 = 16.777.216 комбинаций.
Веб-цвета
Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один
и тот же цвет может показываться в разных браузерах по-своему. Это связано со
способом отображения графики, когда браузер работает со свой собственной
палитрой и не может показать цвет, который у него в палитре отсутствует. В этом
случае цвет заменяется сочетанием пикселей других, близких к нему, цветов,
имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели
палитру, так называемых, веб-цветов. Веб-цветами называются такие цвета, для
каждой составляющей — красной, зеленой и синей, устанавливается одно из шести
значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках
указано шестнадцатеричное значение данной компоненты. Общее количество цветов из
всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета —
#33FF66.
Основная особенность веб-цвета заключается в том, что он показывается
одинаково во всех браузерах. В данный момент актуальность веб-цветов весьма мала
из-за повышения качества мониторов и расширения их возможностей.
Названия
цветов
Чтобы не запоминать совокупность цифр, вместо них можно использовать имена
широко используемых цветов.
Ниже в таблице приведены 16 основных названий цветов, используемых во всех
браузерах.
Название |
Цвет
| Hex
| Красный (R)
| Зеленый (G)
| Синий (B)
|
aqua |
|
#00FFFF |
00 |
255 |
255 |
black |
|
#000000 |
00 |
00 |
00 |
blue |
|
#00FFFF |
00 |
255 |
255 |
fuchsia |
|
#FF00FF |
255 |
00 |
255 |
gray |
|
#808080 |
128 |
128 |
128 |
green |
|
#008000 |
00 |
128 |
00 |
lime |
|
#00FF00 |
00 |
255 |
00 |
maroon |
|
#800000 |
128 |
00 |
00 |
navy |
|
#000080 |
00 |
00 |
128 |
olive |
|
#808000 |
128 |
128 |
00 |
purple |
|
#800080 |
128 |
00 |
128 |
red |
|
#FF0000 |
255 |
00 |
00 |
silver |
|
#C0C0C0 |
192 |
192 |
192 |
teal |
|
#008080 |
00 |
128 |
128 |
white |
|
#FFFFFF |
255 |
255 |
255 |
yellow |
|
#FFFF00 |
255 |
255 |
00 |
|
|
|