Работа с цветом. Цвета в HTML
HTML для тех, кто в танке
Тег, задающий цвет:
color=”#FF0000″
пример: <font face=”Comic Sans MS” size=”1″ color=”#FF0000″>текст</font>)
Принцип обозначения цвета.
цвет можно задать двумя способами:
a) цифрами, что будет более точно по оттенкам.
б) английским словом.
способ А.
Ставим #, после чего пишем цифры .
первые две цифры – это насыщенность красным
вторые две цифры – это насыщенность зеленым
третьи две цифры – это насыщенность синим цветом.
Почему именно три параметра? Потому что это не что иное, как способ получения цвета в телевизоре – RGB (Red Green Blue). Ведь изображение в обычном ЭЛТ мониторе формируется по принципу высвечивания трех точек заданных цветов: чем ярче точка, тем больше этого цвета в нашем “пикселе” (пиксель – “точка”). Цифры задавать по 16-ричной системе, т.е. не от 0 до 10, а от 0 до FF.0,1,2,3,4,5,6,7,8,9,0А,0B,0C,0D,0E,0F – это и есть 16-ричный счет. И именно в пределах этого и можно задавать каждому сегменту свой цвет. То есть минимально это может быть 00 00 00, что соответствует черному, максимально – это будет FF FF FF, что соответствует белому. все промежуточные комбинации – это уже оттенки. Например, красный цвет – это FF 00 00, зеленый – это 00 FF 00, синий – 00 00 FF.способ Б. Для упрощения набора основных цветов в стандарте HTML было позволено замещать циферный ряд обычным словом, обозначающим тот или иной цвет в английском языке. Например, словонаписание color=black окрасит выделенное тегом в черный цвет, green – в зеленый, white – в белый и т.п. Слова, обозначающие цвет, можно легко найти в словаре. Но я все же советую использовать именно 16-ричное обозначение, поскольку это с большей точностью будет отбражено бродилками разных производителей. А пока же просто примем к сведению, что циферный код хоть и сложнее писать, чем слово, но правильнее.Тегами цвета можно задать не только цвет шрифта, но и цвет большинства элементов HTML, но об этом продолжим в стилях. |
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Спонсоры статьи: