Привет, посетитель сайта 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.

Возможно, эти записи вам покажутся интересными


Выберете удобный для себя способ, чтобы оставить комментарий

This article has 2 comments

  1. Вероника Reply

    Кирилл, давно читаю ваш блог и нахожу много интересной и полезной информации для себя, за что вам очень благодарна! Но раз подняли тему цветов в HTML, то хотелось бы спросить. Все-таки если цвета можно задавать именем (для меня это проще), а каждое имя — это код RGB, то почему вы не рекомендуете использовать имена цветов?

    • Кирилл Reply

      Вероника, а вы попробуйте задать цвета именами, а потом открыть HTML страницу в IE разных версий, а затем откройте в любом другом популярном браузере. Хотя вы можете удивиться, тому что увидите в браузере, например, если попробуете задать цвет по имени атрибутом bgcolor для всей HTML страницы, например (в редакторе я пишу: body bgcolor="silver"):

      пример

Leave a Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Loading Disqus Comments ...