Каким образом происходит кодирование цвета в HTML?
Можно просто указать название цвета по-английски, используя атрибут COLOR. Допустимыми стандартными названиями цветов будут:
|
aqua - аквамарин,
black - черный,
blue - синий,
fuchsia - фуксиновый,
green - зеленый,
gray - серый,
|
|
lime - светло-зеленый,
maroon - каштановый,
navy - ультрамарин,
olive - оливковый,
purple - пурпурный,
red - красный,
|
|
silver - серебристый,
teal - сизый,
white - белый,
yellow - желтый.
|
Но все же профессиональней будет указывать цвет в шестнадцатиричных кодах, используя формат RGB. Это дает больше цветового разнообразия.
Аббревиатура RGB произошла от первых букв названий базовых цветов - Red, Green, Blue (красный, зеленый, синий). В результате смешения этих трех цветов в определенных пропорциях и получаются все остальные цвета - количеством 16777216, что соответствует цветовому режиму монитора True Color (24-разрядное двоичное кодирование цвета).
Белый цвет задается шестнадцатиричным кодом #FFFFFF, а черный цвет - шестнадцатиричным кодом #000000. Первые две цифры кода (двухзначное шестнадцатиричное число) определяют интенсивность красного, следующие две - интенсивность зеленого и последние две - интенсивность синего.
Ниже приведена таблица соответствия представления цвета в шестнадцатиричных кодах и реального цвета, который мы при этом получаем.
HEX-код |
Цвет |
#FFFFFF |
|
#FFFFCC |
|
#FFFF99 |
|
#FFFF66 |
|
#FFFF33 |
|
#FFFF00 |
|
#FFCCFF |
|
#FFCCCC |
|
#FFCC99 |
|
#FFCC66 |
|
#FFCC33 |
|
#FFCC00 |
|
#FF99FF |
|
#FF99CC |
|
#FF9999 |
|
#FF9966 |
|
#FF9933 |
|
#FF9900 |
|
#FF66FF |
|
#FF66CC |
|
#FF6699 |
|
#FF6666 |
|
#FF6633 |
|
#FF6600 |
|
#FF33FF |
|
#FF33CC |
|
#FF3399 |
|
#FF3366 |
|
#FF3333 |
|
#FF3300 |
|
#FF00FF |
|
#FF00CC |
|
#FF0099 |
|
#FF0066 |
|
#FF0033 |
|
#FF0000 |
|
| |
HEX-код |
Цвет |
#66FFFF |
|
#66FFCC |
|
#66FF99 |
|
#66FF66 |
|
#66FF33 |
|
#66FF00 |
|
#66CCFF |
|
#66CCCC |
|
#66CC99 |
|
#66CC66 |
|
#66CC33 |
|
#66CC00 |
|
#6699FF |
|
#6699CC |
|
#669999 |
|
#669966 |
|
#669933 |
|
#669900 |
|
#6666FF |
|
#6666CC |
|
#666699 |
|
#666666 |
|
#666633 |
|
#666600 |
|
#6633FF |
|
#6633CC |
|
#663399 |
|
#663366 |
|
#663333 |
|
#663300 |
|
#6600FF |
|
#6600CC |
|
#660099 |
|
#660066 |
|
#660033 |
|
#660000 |
|
|
|
HEX-код |
Цвет |
#CCFFFF |
|
#CCFFCC |
|
#CCFF99 |
|
#CCFF66 |
|
#CCFF33 |
|
#CCFF00 |
|
#CCCCFF |
|
#CCCCCC |
|
#CCCC99 |
|
#CCCC66 |
|
#CCCC33 |
|
#CCCC00 |
|
#CC99FF |
|
#CC99CC |
|
#CC9999 |
|
#CC9966 |
|
#CC9933 |
|
#CC9900 |
|
#CC66FF |
|
#CC66CC |
|
#CC6699 |
|
#CC6666 |
|
#CC6633 |
|
#CC6600 |
|
#CC33FF |
|
#CC33CC |
|
#CC3399 |
|
#CC3366 |
|
#CC3333 |
|
#CC3300 |
|
#CC00FF |
|
#CC00CC |
|
#CC0099 |
|
#CC0066 |
|
#CC0033 |
|
#CC0000 |
|
| |
HEX-код |
Цвет |
#33FFFF |
|
#33FFCC |
|
#33FF99 |
|
#33FF66 |
|
#33FF33 |
|
#33FF00 |
|
#33CCFF |
|
#33CCCC |
|
#33CC99 |
|
#33CC66 |
|
#33CC33 |
|
#33CC00 |
|
#3399FF |
|
#3399CC |
|
#339999 |
|
#339966 |
|
#339933 |
|
#339900 |
|
#3366FF |
|
#3366CC |
|
#336699 |
|
#336666 |
|
#336633 |
|
#336600 |
|
#3333FF |
|
#3333CC |
|
#333399 |
|
#333366 |
|
#333333 |
|
#333300 |
|
#3300FF |
|
#3300CC |
|
#330099 |
|
#330066 |
|
#330033 |
|
#330000 |
|
|
|
HEX-код |
Цвет |
#99FFFF |
|
#99FFCC |
|
#99FF99 |
|
#99FF66 |
|
#99FF33 |
|
#99FF00 |
|
#99CCFF |
|
#99CCCC |
|
#99CC99 |
|
#99CC66 |
|
#99CC33 |
|
#99CC00 |
|
#9999FF |
|
#9999CC |
|
#999999 |
|
#999966 |
|
#999933 |
|
#999900 |
|
#9966FF |
|
#9966CC |
|
#996699 |
|
#996666 |
|
#996633 |
|
#996600 |
|
#9933FF |
|
#9933CC |
|
#993399 |
|
#993366 |
|
#993333 |
|
#993300 |
|
#9900FF |
|
#9900CC |
|
#990099 |
|
#990066 |
|
#990033 |
|
#990000 |
|
| |
HEX-код |
Цвет |
#00FFFF |
|
#00FFCC |
|
#00FF99 |
|
#00FF66 |
|
#00FF33 |
|
#00FF00 |
|
#00CCFF |
|
#00CCCC |
|
#00CC99 |
|
#00CC66 |
|
#00CC33 |
|
#00CC00 |
|
#0099FF |
|
#0099CC |
|
#009999 |
|
#009966 |
|
#009933 |
|
#009900 |
|
#0066FF |
|
#0066CC |
|
#006699 |
|
#006666 |
|
#006633 |
|
#006600 |
|
#0033FF |
|
#0033CC |
|
#003399 |
|
#003366 |
|
#003333 |
|
#003300 |
|
#0000FF |
|
#0000CC |
|
#000099 |
|
#000066 |
|
#000033 |
|
#000000 |
|
|
|