Привет, посетитель сайта ZametkiNaPolyah.ru! Этой записью мы продолжаем рубрику: Верстка сайтов, в которой есть раздел HTML. Данную запись можно еще отнести к разделу CSS, так как изменять цвет при помощи имени можно не только, передавая соответствующие значения HTML атрибутам, но и при помощи CSS свойств. В этой записи вы найдете две таблицы, в которых перечислены имена цветов в HTML и их шестнадцатеричный RGB код.Первая таблица является базовой и содержит шестнадцать цветов из стандарта HTML 3.2. Вторая таблица расширенная, имена этих цветов не стандартизованы в HTML, но их понимает большинство современных браузеров.
Базовые имена цветов в HTML
Ниже вы найдете таблицу, в которой содержится шестнадцать базовых HTML цветов с их специальным HTML именем и кодом шестнадцатеричным кодом модели RGB. Эти HTML цвета поддерживаются любым браузером и должны выглядеть одинаково на любом устройстве и в любом браузере. Данные имена цветов были введены в стандарте HTML 3.2.
Имя HTML цвета |
Шестнадцатеричный код модели RGB |
Пример отображения цвета |
aqua |
#00ffff |
|
black |
#000000 |
|
blue |
#0000ff |
|
fuchsia |
#ff00ff |
|
green |
#008000 |
|
gray |
#808080 |
|
lime |
#00ff00 |
|
maroon |
#800000 |
|
navy |
#000080 |
|
olive |
#808000 |
|
purple |
#800080 |
|
red |
#ff0000 |
|
silver |
#c0c0c0 |
|
teal |
#008080 |
|
white |
#ffffff |
|
yellow |
#ffff00 |
|
Расширенная таблица имен цветов в HTML
Ниже вы найдете таблицу, в которой перечислены цвета и их имена, а также код модели RGB. Этих имен цветов нет в стандарте HTML, но при помощи этих имен вы можете задавать цвет элементов HTML страницы. Изменяя значения HTML атрибутов: color, text, bgcolor, link, alink, vlink.
Имя HTML цвета |
Шестнадцатеричныйкод модели RGB |
Пример отображения цвета |
aliceblue |
#f0f8ff |
|
antiquewhite |
#faebd7 |
|
aquamarine |
#7fffd4 |
|
azure |
#f0ffff |
|
beige |
#f5f5dc |
|
bisque |
#ffe4c4 |
|
blanchedalmond |
#ffebcd |
|
blueviolet |
#8a2be2 |
|
brown |
#a52a2a |
|
burlywood |
#deb887 |
|
cadetblue |
#5f9ea0 |
|
chartreuse |
#7fff00 |
|
chocolate |
#d2691e |
|
coral |
#ff7f50 |
|
cornflowerblue |
#6495ed |
|
cornsilk |
#fff8dc |
|
crimson |
#dc143c |
|
cyan |
#00ffff |
|
darkblue |
#00008b |
|
darkcyan |
#008b8b |
|
darkgoldenrod |
#b8860b |
|
darkgray |
#a9a9a9 |
|
darkgreen |
#006400 |
|
darkkhaki |
#bdb76b |
|
darkmagenta |
#8b008b |
|
darkolivegreen |
#556b2f |
|
darkorange |
#ff8c00 |
|
darkorchid |
#9932cc |
|
darkred |
#8b0000 |
|
darksalmon |
#e9967a |
|
darkseagreen |
#8fbc8f |
|
darkslateblue |
#483d8b |
|
darkslategray |
#2f4f4f |
|
darkturquoise |
#00ced1 |
|
darkviolet |
#9400d3 |
|
deeppink |
#ff1493 |
|
deepskyblue |
#00bfff |
|
dimgray |
#696969 |
|
dodgerblue |
#1e90ff |
|
firebrick |
#b22222 |
|
floralwhite |
#fffaf0 |
|
forestgreen |
#228b22 |
|
gainsboro |
#dcdcdc |
|
ghostwhite |
#f8f8ff |
|
gold |
#ffd700 |
|
goldenrod |
#daa520 |
|
gray |
#808080 |
|
greenyellow |
#adff2f |
|
honeydew |
#f0fff0 |
|
hotpink |
#ff69b4 |
|
indianred |
#cd5c5c |
|
indigo |
#4b0082 |
|
ivory |
#fffff0 |
|
khaki |
#f0e68c |
|
lavender |
#e6e6fa |
|
lavenderblush |
#fff0f5 |
|
lawngreen |
#7cfc00 |
|
lemonchiffon |
#fffacd |
|
lightblue |
#add8e6 |
|
lightcoral |
#f08080 |
|
lightcyan |
#e0ffff |
|
lightgoldenrodyellow |
#fafad2 |
|
lightgreen |
#90ee90 |
|
lightgrey |
#d3d3d3 |
|
lightpink |
#ffb6c1 |
|
lightsalmon |
#ffa07a |
|
lightseagreen |
#20b2aa |
|
lightskyblue |
#87cefa |
|
lightslategray |
#778899 |
|
lightsteelblue |
#b0c4de |
|
lightyellow |
#ffffe0 |
|
limegreen |
#32cd32 |
|
linen |
#faf0e6 |
|
magenta |
#ff00ff |
|
mediumblue |
#0000cd |
|
mediumorchid |
#ba55d3 |
|
mediumpurple |
#9370db |
|
midnightblue |
#191970 |
|
mistyrose |
#ffe4e1 |
|
moccasin |
#ffe4b5 |
|
oldlace |
#fdf5e6 |
|
orange |
#ffa500 |
|
orchid |
#da70d6 |
|
peachpuff |
#ffdab9 |
|
peru |
#cd853f |
|
pink |
#ffc0cb |
|
plum |
#dda0dd |
|
purple |
#800080 |
|
rosybrown |
#bc8f8f |
|
royalblue |
#4169e1 |
|
salmon |
#fa8072 |
|
sandybrown |
#f4a460 |
|
seagreen |
#2e8b57 |
|
sienna |
#a0522d |
|
skyblue |
#87ceeb |
|
slateblue |
#6a5acd |
|
steelblue |
#4682b4 |
|
tan |
#d2b48c |
|
thistle |
#d8bfd8 |
|
tomato |
#ff6347 |
|
violet |
#ee82ee |
|
wheat |
#f5deb3 |
|
whitesmoke |
#f5f5f5 |
|
yellow |
#ffff00 |
|
yellowgreen |
#9acd32 |
|
Мы не рекомендуем вам оформлять HTML документы и задавать цвет элементам страницы при помощи имени, так как, во-первых, модель RGB является аппаратно-зависимой, а за любым именем цвета кроется код RGB, тем самым вы заставляете браузер делать «лишнюю работу». Во-вторых IE всегда отличается и не всегда корректно отображает цвет по его имени. Так же есть еще таблица безопасных веб-цветов. Обратим ваше внимание на то, что имена цветов можно использовать не только в HTML, но и в CSS.
Кирилл, давно читаю ваш блог и нахожу много интересной и полезной информации для себя, за что вам очень благодарна! Но раз подняли тему цветов в HTML, то хотелось бы спросить. Все-таки если цвета можно задавать именем (для меня это проще), а каждое имя — это код RGB, то почему вы не рекомендуете использовать имена цветов?
Вероника, а вы попробуйте задать цвета именами, а потом открыть HTML страницу в IE разных версий, а затем откройте в любом другом популярном браузере. Хотя вы можете удивиться, тому что увидите в браузере, например, если попробуете задать цвет по имени атрибутом bgcolor для всей HTML страницы, например (в редакторе я пишу: body bgcolor="silver"):