HTML Таблица цветов
Для окраски текста или изменения фона в HTML применяется атрибут style. Текст, цвет которого нужно изменить, помещают в теги, например <span> для отдельных слов или <div> для абзацев.
Цвет текста определяется свойством CSS style = "color:#RRGGBB;", а цвет фона style = "background-color:#RRGGBB;".
«#RRGGBB» — это шестнадцатеричный код цвета, где доли красного (RR), зелёного (GG) и синего цвета (BB) могут лежать в диапазоне от 00 до FF, что соответствует десятичному числу 255. Вместо кодировки «#RRGGBB» можно использовать соответствующие названия цветов (без #).
Использование цветов
Применение |
Результат |
<span style="color:#00ff00">Цвет слова</span> |
Цвет слова |
<div style="color:green">Цвет абзаца</div> |
Цвет абзаца
|
<span style="background-color:yellow">Фон слова</span> |
Фон слова |
<div style="background-color:yellow">Фон абзаца</div> |
Фон абзаца
|
<td>style="background-color:#98FB98" | Фон ячейки</td> |
Фон ячейки |
Коды цветов (фон)
По насыщенности и оттенку
Название цвета |
HEX |
Maroon |
#800000 |
DarkRed |
#8B0000 |
FireBrick |
#B22222 |
Red |
#FF0000 |
Salmon |
#FA8072 |
Tomato |
#FF6347 |
Coral |
#FF7F50 |
OrangeRed |
#FF4500 |
Chocolate |
#D2691E |
SandyBrown |
#F4A460 |
DarkOrange |
#FF8C00 |
Orange |
#FFA500 |
DarkGoldenrod |
#B8860B |
Goldenrod |
#DAA520 |
Gold |
#FFD700 |
Olive |
#808000 |
Yellow |
#FFFF00 |
YellowGreen |
#9ACD32 |
GreenYellow |
#ADFF2F |
Chartreuse |
#7FFF00 |
LawnGreen |
#7CFC00 |
Green |
#008000 |
Lime |
#00FF00 |
LimeGreen |
#32CD32 |
SpringGreen |
#00FF7F |
MediumSpringGreen |
#00FA9A |
Turquoise |
#40E0D0 |
LightSeaGreen |
#20B2AA |
MediumTurquoise |
#48D1CC |
Teal |
#008080 |
DarkCyan |
#008B8B |
Aqua |
#00FFFF |
Cyan |
#00FFFF |
DarkTurquoise |
#00CED1 |
DeepSkyBlue |
#00BFFF |
DodgerBlue |
#1E90FF |
RoyalBlue |
#4169E1 |
Navy |
#000080 |
DarkBlue |
#00008B |
MediumBlue |
#0000CD |
Blue |
#0000FF |
BlueViolet |
#8A2BE2 |
DarkOrchid |
#9932CC |
DarkViolet |
#9400D3 |
Purple |
#800080 |
DarkMagenta |
#8B008B |
Fuchsia |
#FF00FF |
Magenta |
#FF00FF |
MediumVioletRed |
#C71585 |
DeepPink |
#FF1493 |
HotPink |
#FF69B4 |
Crimson |
#DC143C |
Brown |
#A52A2A |
IndianRed |
#CD5C5C |
RosyBrown |
#BC8F8F |
LightCoral |
#F08080 |
Snow |
#FFFAFA |
MistyRose |
#FFE4E1 |
DarkSalmon |
#E9967A |
LightSalmon |
#FFA07A |
Sienna |
#A0522D |
SeaShell |
#FFF5EE |
SaddleBrown |
#8B4513 |
Peachpuff |
#FFDAB9 |
Peru |
#CD853F |
Linen |
#FAF0E6 |
Bisque |
#FFE4C4 |
Burlywood |
#DEB887 |
Tan |
#D2B48C |
AntiqueWhite |
#FAEBD7 |
NavajoWhite |
#FFDEAD |
BlanchedAlmond |
#FFEBCD |
PapayaWhip |
#FFEFD5 |
Moccasin |
#FFE4B5 |
Wheat |
#F5DEB3 |
Oldlace |
#FDF5E6 |
FloralWhite |
#FFFAF0 |
Cornsilk |
#FFF8DC |
Khaki |
#F0E68C |
LemonChiffon |
#FFFACD |
PaleGoldenrod |
#EEE8AA |
DarkKhaki |
#BDB76B |
Beige |
#F5F5DC |
LightGoldenrodYellow |
#FAFAD2 |
LightYellow |
#FFFFE0 |
Ivory |
#FFFFF0 |
OliveDrab |
#6B8E23 |
DarkOliveGreen |
#556B2F |
DarkSeaGreen |
#8FBC8F |
DarkGreen |
#006400 |
ForestGreen |
#228B22 |
LightGreen |
#90EE90 |
PaleGreen |
#98FB98 |
Honeydew |
#F0FFF0 |
SeaGreen |
#2E8B57 |
MediumSeaGreen |
#3CB371 |
Mintcream |
#F5FFFA |
MediumAquamarine |
#66CDAA |
Aquamarine |
#7FFFD4 |
DarkSlateGray |
#2F4F4F |
PaleTurquoise |
#AFEEEE |
LightCyan |
#E0FFFF |
Azure |
#F0FFFF |
CadetBlue |
#5F9EA0 |
PowderBlue |
#B0E0E6 |
LightBlue |
#ADD8E6 |
SkyBlue |
#87CEEB |
LightskyBlue |
#87CEFA |
SteelBlue |
#4682B4 |
AliceBlue |
#F0F8FF |
SlateGray |
#708090 |
LightSlateGray |
#778899 |
LightsteelBlue |
#B0C4DE |
CornflowerBlue |
#6495ED |
Lavender |
#E6E6FA |
GhostWhite |
#F8F8FF |
MidnightBlue |
#191970 |
SlateBlue |
#6A5ACD |
DarkSlateBlue |
#483D8B |
MediumSlateBlue |
#7B68EE |
MediumPurple |
#9370DB |
Indigo |
#4B0082 |
MediumOrchid |
#BA55D3 |
Plum |
#DDA0DD |
Violet |
#EE82EE |
Thistle |
#D8BFD8 |
Orchid |
#DA70D6 |
LavenderBlush |
#FFF0F5 |
PaleVioletRed |
#DB7093 |
Pink |
#FFC0CB |
LightPink |
#FFB6C1 |
Black |
#000000 |
DimGray |
#696969 |
Gray |
#808080 |
DarkGray |
#A9A9A9 |
Silver |
#C0C0C0 |
LightGrey |
#D3D3D3 |
Gainsboro |
#DCDCDC |
WhiteSmoke |
#F5F5F5 |
White |
#FFFFFF |
|
По алфавиту
Название цвета |
HEX |
AliceBlue |
#F0F8FF |
AntiqueWhite |
#FAEBD7 |
Aqua |
#00FFFF |
Aquamarine |
#7FFFD4 |
Azure |
#F0FFFF |
Beige |
#F5F5DC |
Bisque |
#FFE4C4 |
Black |
#000000 |
BlanchedAlmond |
#FFEBCD |
Blue |
#0000FF |
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 |
Fuchsia |
#FF00FF |
Gainsboro |
#DCDCDC |
GhostWhite |
#F8F8FF |
Gold |
#FFD700 |
Goldenrod |
#DAA520 |
Gray |
#808080 |
Green |
#008000 |
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 |
Lime |
#00FF00 |
LimeGreen |
#32CD32 |
Linen |
#FAF0E6 |
Magenta |
#FF00FF |
Maroon |
#800000 |
MediumAquamarine |
#66CDAA |
MediumBlue |
#0000CD |
MediumOrchid |
#BA55D3 |
MediumPurple |
#9370DB |
MediumSeaGreen |
#3CB371 |
MediumSlateBlue |
#7B68EE |
MediumSpringGreen |
#00FA9A |
MediumTurquoise |
#48D1CC |
MediumVioletRed |
#C71585 |
MidnightBlue |
#191970 |
MintCream |
#F5FFFA |
MistyRose |
#FFE4E1 |
Moccasin |
#FFE4B5 |
NavajoWhite |
#FFDEAD |
Navy |
#000080 |
OldLace |
#FDF5E6 |
Olive |
#808000 |
OliveDrab |
#6B8E23 |
Orange |
#FFA500 |
OrangeRed |
#FF4500 |
Orchid |
#DA70D6 |
PaleGoldenrod |
#EEE8AA |
PaleGreen |
#98FB98 |
PaleTurquoise |
#AFEEEE |
PaleVioletRed |
#DB7093 |
PapayaWhip |
#FFEFD5 |
PeachPuff |
#FFDAB9 |
Peru |
#CD853F |
Pink |
#FFC0CB |
Plum |
#DDA0DD |
PowderBlue |
#B0E0E6 |
Purple |
#800080 |
Red |
#FF0000 |
RosyBrown |
#BC8F8F |
RoyalBlue |
#4169E1 |
SaddleBrown |
#8B4513 |
Salmon |
#FA8072 |
SandyBrown |
#F4A460 |
SeaGreen |
#2E8B57 |
Seashell |
#FFF5EE |
Sienna |
#A0522D |
Silver |
#C0C0C0 |
SkyBlue |
#87CEEB |
SlateBlue |
#6A5ACD |
SlateGray |
#708090 |
Snow |
#FFFAFA |
SpringGreen |
#00FF7F |
SteelBlue |
#4682B4 |
Tan |
#D2B48C |
Teal |
#008080 |
Thistle |
#D8BFD8 |
Tomato |
#FF6347 |
Turquoise |
#40E0D0 |
Violet |
#EE82EE |
Wheat |
#F5DEB3 |
White |
#FFFFFF |
WhiteSmoke |
#F5F5F5 |
Yellow |
#FFFF00 |
YellowGreen |
#9ACD32 |
|
Учебник HTML
HTML уроки: HTML Цвета