Перегляд вихідного коду сторінки HTML - таблица цветов

'''Таблица основных цветов HTML''', их названия, HEX коды и RGB значения, которые можно применять в HTML, CSS, JavaScript и других языках при разработке сайтов и мобильных приложений. Изначально в спецификации W3C было представлено всего 16 базовых цветов. Однако в дальнейшем их количество было увеличено до 147-ти. Имена цветов, HEX и RGB значения в HTML не чувствительны к регистру, и могут записываться в любом формате. Т.е. имена «Silver», «SILVER», «silver», «#C0C0C0», «#c0c0c0» - будут одинаково восприниматься браузерами.

'''<big><big>Каждый охотник желает знать, где сидит фазан</big>.</big>'''
== Основные цвета: ==
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|Black||#000000||style="background-color:rgb(0,0,0)"|
|-
|Gray||#808080||style="background-color:rgb(128,128,128)"|
|-
|Silver||#C0C0C0||style="background-color:rgb(192,192,192)"|
|-
|White||#FFFFFF||style="background-color:rgb(255,255,255)"|
|-
|Fuchsia||#FF00FF||style="background-color:rgb(255,0,255)"|
|-
|Purple||#800080||style="background-color:rgb(128,0,128)"|
|-
|Red||#FF0000||style="background-color:rgb(255,0,0)"|
|-
|Maroon||#800000||style="background-color:rgb(128,0,0)"|
|-
|Yellow||#FFFF00||style="background-color:rgb(255,255,0)"|
|-
|Olive||#808000||style="background-color:rgb(128,128,0)"|
|-
|Lime||#00FF00||style="background-color:rgb(0,255,0)"|
|-
|Green||#008000||style="background-color:rgb(0,128,0)"|
|-
|Aqua||#00FFFF||style="background-color:rgb(0,255,255)"|
|-
|Teal||#008080||style="background-color:rgb(0,128,128)"|
|-
|Blue||#0000FF||style="background-color:rgb(0,0,255)"|
|-
|Navy||#000080||style="background-color:rgb(0,0,128)"|
|}
|}

==Остальные тона:==
===Белые тона:===
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|Snow ||#FFFAFA ||style="background-color:rgb(255,250,250)"|
|-
|Honeydew ||#F0FFF0 ||style="background-color:rgb(240,255,240)"|
|-
|MintCream ||#F5FFFA ||style="background-color:rgb(245,255,250)"|
|-
|Azure ||#F0FFFF ||style="background-color:rgb(240,255,255)"|
|-
|AliceBlue ||#F0F8FF ||style="background-color:rgb(240,248,255)"|
|-
|GhostWhite ||#F8F8FF ||style="background-color:rgb(248,248,255)"|
|-
|WhiteSmoke ||#F5F5F5 ||style="background-color:rgb(245,245,245)"|
|-
|Seashell ||#FFF5EE ||style="background-color:rgb(255,245,238)"|
|-
|Beige ||#F5F5DC ||style="background-color:rgb(245,245,220)"|
|-
|OldLace ||#FDF5E6 ||style="background-color:rgb(253,245,230)"|
|-
|FloralWhite ||#FFFAF0 ||style="background-color:rgb(255,250,240)"|
|-
|Ivory ||#FFFFF0 ||style="background-color:rgb(255,255,240)"|
|-
|AntiqueWhite ||#FAEBD7 ||style="background-color:rgb(250,235,215)"|
|-
|Linen ||#FAF0E6 ||style="background-color:rgb(250,240,230)"|
|-
|LavenderBlush ||#FFF0F5 ||style="background-color:rgb(255,240,245)"|
|-
|MistyRose ||#FFE4E1 ||style="background-color:rgb(255,228,225)"|
|}
|}

===Серые тона:===
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|Gainsboro ||#DCDCDC ||style="background-color:rgb(220,220,220)"|
|-
|LightGrey ||#D3D3D3 ||style="background-color:rgb(211,211,211)"|
|-
|LightGray ||#D3D3D3 ||style="background-color:rgb(211,211,211)"|
|-
|DarkGray ||#A9A9A9 ||style="background-color:rgb(169,169,169)"|
|-
|DarkGrey ||#A9A9A9 ||style="background-color:rgb(169,169,169)"|
|-
|Grey ||#808080 ||style="background-color:rgb(128,128,128)"|
|-
|DimGray ||#696969 ||style="background-color:rgb(105,105,105)"|
|-
|DimGrey ||#696969 ||style="background-color:rgb(105,105,105)"|
|-
|LightSlateGray ||#778899 ||style="background-color:rgb(119,136,153)"|
|-
|LightSlateGrey ||#778899 ||style="background-color:rgb(119,136,153)"|
|-
|SlateGray ||#708090 ||style="background-color:rgb(112,128,144)"|
|-
|SlateGrey ||#708090 ||style="background-color:rgb(112,128,144)"|
|-
|DarkSlateGray ||#2F4F4F ||style="background-color:rgb(47,79,79)"|
|-
|DarkSlateGrey ||#2F4F4F ||style="background-color:rgb(47,79,79)"|
|-
|}
|}

===Красные тона:===
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|IndianRed ||#CD5C5C ||style="background-color:rgb(205,92,92)"|
|-
|LightCoral ||#F08080 ||style="background-color:rgb(240,128,128)"|
|-
|Salmon ||#FA8072 ||style="background-color:rgb(250,128,114)"|
|-
|DarkSalmon ||#E9967A ||style="background-color:rgb(233,150,122)"|
|-
|LightSalmon ||#FFA07A ||style="background-color:rgb(255,160,122)"|
|-
|Crimson ||#DC143C ||style="background-color:rgb(220,20,60)"|
|-
|FireBrick ||#B22222 ||style="background-color:rgb(178,34,34)"|
|-
|DarkRed ||#8B0000 ||style="background-color:rgb(139,0,0)"|
|-
|}
|}

===Розовые тона:===
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|Pink ||#FFC0CB ||style="background-color:rgb(255,192,203)"|
|-
|LightPink ||#FFB6C1 ||style="background-color:rgb(255,182,193)"|
|-
|HotPink ||#FF69B4 ||style="background-color:rgb(255,105,180)"|
|-
|DeepPink ||#FF1493 ||style="background-color:rgb(255,20,147)"|
|-
|MediumVioletRed ||#C71585 ||style="background-color:rgb(199,21,133)"|
|-
|PaleVioletRed ||#DB7093 ||style="background-color:rgb(219,112,147)"|
|}
|}

===Коричневые тона:===
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|Cornsilk ||#FFF8DC ||style="background-color:rgb(255,248,220)"|
|-
|BlanchedAlmond ||#FFEBCD ||style="background-color:rgb(255,235,205)"|
|-
|Bisque ||#FFE4C4 ||style="background-color:rgb(255,228,196)"|
|-
|NavajoWhite ||#FFDEAD ||style="background-color:rgb(255,222,173)"|
|-
|Wheat ||#F5DEB3 ||style="background-color:rgb(245,222,179)"|
|-
|BurlyWood ||#DEB887 ||style="background-color:rgb(222,184,135)"|
|-
|Tan ||#D2B48C ||style="background-color:rgb(210,180,140)"|
|-
|RosyBrown ||#BC8F8F ||style="background-color:rgb(188,143,143)"|
|-
|SandyBrown ||#F4A460 ||style="background-color:rgb(244,164,96)"|
|-
|Goldenrod ||#DAA520 ||style="background-color:rgb(218,165,32)"|
|-
|DarkGoldenRod ||#B8860B ||style="background-color:rgb(184,134,11)"|
|-
|Peru ||#CD853F ||style="background-color:rgb(205,133,63)"|
|-
|Chocolate ||#D2691E ||style="background-color:rgb(210,105,30)"|
|-
|SaddleBrown ||#8B4513 ||style="background-color:rgb(139,69,19)"|
|-
|Sienna ||#A0522D ||style="background-color:rgb(160,82,45)"|
|-
|Brown ||#A52A2A ||style="background-color:rgb(165,42,42)"|
|}
|}

===Оранжевые тона:===
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|Coral ||#FF7F50 ||style="background-color:rgb(255,127,80)"|
|-
|Tomato ||#FF6347 ||style="background-color:rgb(255,99,71)"|
|-
|OrangeRed ||#FF4500 ||style="background-color:rgb(255,69,0)"|
|-
|DarkOrange ||#FF8C00 ||style="background-color:rgb(255,140,0)"|
|-
|Orange ||#FFA500 ||style="background-color:rgb(255,165,0)"|
|}
|}

===Жёлтые тона:===
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|Gold ||#FFD700 ||style="background-color:rgb(255,215,0)"|
|-
|LightYellow ||#FFFFE0 ||style="background-color:rgb(255,255,224)"|
|-
|LemonChiffon ||#FFFACD ||style="background-color:rgb(255,250,205)"|
|-
|LightGoldenrodYellow ||#FAFAD2 ||style="background-color:rgb(250,250,210)"|
|-
|PapayaWhip ||#FFEFD5 ||style="background-color:rgb(255,239,213)"|
|-
|Moccasin ||#FFE4B5 ||style="background-color:rgb(255,228,181)"|
|-
|PeachPuff ||#FFDAB9 ||style="background-color:rgb(255,218,185)"|
|-
|PaleGoldenrod ||#EEE8AA ||style="background-color:rgb(238,232,170)"|
|-
|Khaki ||#F0E68C ||style="background-color:rgb(240,230,140)"|
|-
|DarkKhaki ||#BDB76B ||style="background-color:rgb(189,183,107)"|
|}
|}

===Зелёные тона:===
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|GreenYellow ||#ADFF2F ||style="background-color:rgb(173,255,47)"|
|-
|Chartreuse ||#7FFF00 ||style="background-color:rgb(127,255,0)"|
|-
|LawnGreen ||#7CFC00 ||style="background-color:rgb(124,252,0)"|
|-
|LimeGreen ||#32CD32 ||style="background-color:rgb(50,205,50)"|
|-
|PaleGreen ||#98FB98 ||style="background-color:rgb(152,251,152)"|
|-
|LightGreen ||#90EE90 ||style="background-color:rgb(144,238,144)"|
|-
|MediumSpringGreen ||#00FA9A ||style="background-color:rgb(0,250,154)"|
|-
|SpringGreen ||#00FF7F ||style="background-color:rgb(0,255,127)"|
|-
|MediumSeaGreen ||#3CB371 ||style="background-color:rgb(60,179,113)"|
|-
|SeaGreen ||#2E8B57 ||style="background-color:rgb(46,139,87)"|
|-
|ForestGreen ||#228B22 ||style="background-color:rgb(34,139,34)"|
|-
|DarkGreen ||#006400 ||style="background-color:rgb(0,100,0)"|
|-
|YellowGreen ||#9ACD32 ||style="background-color:rgb(154,205,50)"|
|-
|OliveDrab ||#6B8E23 ||style="background-color:rgb(107,142,35)"|
|-
|DarkOliveGreen ||#556B2F ||style="background-color:rgb(85,107,47)"|
|-
|MediumAquamarine ||#66CDAA ||style="background-color:rgb(102,205,170)"|
|-
|DarkSeaGreen ||#8FBC8F ||style="background-color:rgb(143,188,143)"|
|-
|LightSeaGreen ||#20B2AA ||style="background-color:rgb(32,178,170)"|
|-
|DarkCyan ||#008B8B ||style="background-color:rgb(0,139,139)"|
|}
|}

===Синие тона:===
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|Cyan ||#00FFFF ||style="background-color:rgb(0,255,255)"|
|-
|LightCyan ||#E0FFFF ||style="background-color:rgb(224,255,255)"|
|-
|PaleTurquoise ||#AFEEEE ||style="background-color:rgb(175,238,238)"|
|-
|Aquamarine ||#7FFFD4 ||style="background-color:rgb(127,255,212)"|
|-
|Turquoise ||#40E0D0 ||style="background-color:rgb(64,224,208)"|
|-
|MediumTurquoise ||#48D1CC ||style="background-color:rgb(72,209,204)"|
|-
|DarkTurquoise ||#00CED1 ||style="background-color:rgb(0,206,209)"|
|-
|CadetBlue ||#5F9EA0 ||style="background-color:rgb(95,158,160)"|
|-
|SteelBlue ||#4682B4 ||style="background-color:rgb(70,130,180)"|
|-
|LightSteelBlue ||#B0C4DE ||style="background-color:rgb(176,196,222)"|
|-
|PowderBlue ||#B0E0E6 ||style="background-color:rgb(176,224,230)"|
|-
|LightBlue ||#ADD8E6 ||style="background-color:rgb(173,216,230)"|
|-
|SkyBlue ||#87CEEB ||style="background-color:rgb(135,206,235)"|
|-
|LightSkyBlue ||#87CEFA ||style="background-color:rgb(135,206,250)"|
|-
|DeepSkyBlue ||#00BFFF ||style="background-color:rgb(0,191,255)"|
|-
|DodgerBlue ||#1E90FF ||style="background-color:rgb(30,144,255)"|
|-
|CornflowerBlue ||#6495ED ||style="background-color:rgb(100,149,237)"|
|-
|MediumSlateBlue ||#7B68EE ||style="background-color:rgb(123,104,238)"|
|-
|RoyalBlue ||#4169E1 ||style="background-color:rgb(65,105,225)"|
|-
|MediumBlue ||#0000CD ||style="background-color:rgb(0,0,205)"|
|-
|DarkBlue ||#00008B ||style="background-color:rgb(0,0,139)"|
|-
|MidnightBlue ||#191970 ||style="background-color:rgb(25,25,112)"|
|}
|}

===Фиолетовые тона:===
{| cellpadding=0 border=0 cellspacing=10 style="font-size:10pt; font-family:Courier New,Courier, monospace; border:1px solid #999; padding:2px;"
|
{|
!HTML{{color|#FFFFFF|Имя----------Цвета}}!!HEX{{color|#FFFFFF|Имя----------Цвета}}!!{{color|#FFFFFF|Имя----------Цвета}}
|-
|Lavender ||#E6E6FA ||style="background-color:rgb(230,230,250)"|
|-
|Thistle ||#D8BFD8 ||style="background-color:rgb(216,191,216)"|
|-
|Plum ||#DDA0DD ||style="background-color:rgb(221,160,221)"|
|-
|Violet ||#EE82EE ||style="background-color:rgb(238,130,238)"|
|-
|Orchid ||#DA70D6 ||style="background-color:rgb(218,112,214)"|
|-
|Magenta ||#FF00FF ||style="background-color:rgb(255,0,255)"|
|-
|MediumOrchid ||#BA55D3 ||style="background-color:rgb(186,85,211)"|
|-
|MediumPurple ||#9370DB ||style="background-color:rgb(147,112,219)"|
|-
|BlueViolet ||#8A2BE2 ||style="background-color:rgb(138,43,226)"|
|-
|DarkViolet ||#9400D3 ||style="background-color:rgb(148,0,211)"|
|-
|DarkOrchid ||#9932CC ||style="background-color:rgb(153,50,204)"|
|-
|DarkMagenta ||#8B008B ||style="background-color:rgb(139,0,139)"|
|-
|Indigo ||#4B0082 ||style="background-color:rgb(75,0,130)"|
|-
|SlateBlue ||#6A5ACD ||style="background-color:rgb(106,90,205)"|
|-
|DarkSlateBlue ||#483D8B ||style="background-color:rgb(72,61,139)"|
|}
|}

[[Категория:HTML]]