Todos los colores que son representables dentro del navegador y sus nombres respectivos
Nombre clave HTML | #RGB | Ejemplo de coloreado | |
---|---|---|---|
Usando el nombre | usando el RGB | ||
IndianRed | #CD5C5C | background-color:IndianRed; | background-color:#CD5C5C; |
LightCoral | #F08080 | background-color:LightCoral; | background-color:#F08080; |
Salmon | #FA8072 | background-color:Salmon; | background-color:#FA8072; |
DarkSalmon | #E9967A | background-color:DarkSalmon; | background-color:#E9967A; |
LightSalmon | #FFA07A | background-color:LightSalmon; | background-color:#FFA07A; |
Crimson | #DC143C | background-color:Crimson; | background-color:#DC143C; |
Red | #FF0000 | background-color:Red; | background-color:#FF0000; |
FireBrick | #B22222 | background-color:FireBrick; | background-color:#B22222; |
DarkRed | #8B0000 | background-color:DarkRed; | background-color:#8B0000; |
Pink | #FFC0CB | background-color:Pink; | background-color:#FFC0CB; |
LightPink | #FFB6C1 | background-color:LightPink; | background-color:#FFB6C1; |
HotPink | #FF69B4 | background-color:HotPink; | background-color:#FF69B4; |
DeepPink | #FF1493 | background-color:DeepPink; | background-color:#FF1493; |
MediumVioletRed | #C71585 | background-color:MediumVioletRed; | background-color:#C71585; |
PaleVioletRed | #DB7093 | background-color:PaleVioletRed; | background-color:#DB7093; |
Coral | #FF7F50 | background-color:Coral; | background-color:#FF7F50; |
Tomato | #FF6347 | background-color:Tomato; | background-color:#FF6347; |
OrangeRed | #FF4500 | background-color:OrangeRed; | background-color:#FF4500; |
DarkOrange | #FF8C00 | background-color:DarkOrange; | background-color:#FF8C00; |
Orange | #FFA500 | background-color:Orange; | background-color:#FFA500; |
Gold | #FFD700 | background-color:Gold; | background-color:#FFD700; |
Yellow | #FFFF00 | background-color:Yellow; | background-color:#FFFF00; |
LightYellow | #FFFFE0 | background-color:LightYellow; | background-color:#FFFFE0; |
LemonChiffon | #FFFACD | background-color:LemonChiffon; | background-color:#FFFACD; |
LightGoldenrodYellow | #FAFAD2 | background-color:LightGoldenrodYellow; | background-color:#FAFAD2; |
PapayaWhip | #FFEFD5 | background-color:PapayaWhip; | background-color:#FFEFD5; |
Moccasin | #FFE4B5 | background-color:Moccasin; | background-color:#FFE4B5; |
PeachPuff | #FFDAB9 | background-color:PeachPuff; | background-color:#FFDAB9; |
PaleGoldenrod | #EEE8AA | background-color:PaleGoldenrod; | background-color:#EEE8AA; |
Khaki | #F0E68C | background-color:Khaki; | background-color:#F0E68C; |
DarkKhaki | #BDB76B | background-color:DarkKhaki; | background-color:#BDB76B; |
Lavender | #E6E6FA | background-color:Lavender; | background-color:#E6E6FA; |
Thistle | #D8BFD8 | background-color:Thistle; | background-color:#D8BFD8; |
Plum | #DDA0DD | background-color:Plum; | background-color:#DDA0DD; |
Violet | #EE82EE | background-color:Violet; | background-color:#EE82EE; |
Orchid | #DA70D6 | background-color:Orchid; | background-color:#DA70D6; |
Fuchsia | #FF00FF | background-color:Fuchsia; | background-color:#FF00FF; |
MediumOrchid | #BA55D3 | background-color:MediumOrchid; | background-color:#BA55D3; |
MediumPurple | #9370DB | background-color:MediumPurple; | background-color:#9370DB; |
BlueViolet | #8A2BE2 | background-color:BlueViolet; | background-color:#8A2BE2; |
DarkViolet | #9400D3 | background-color:DarkViolet; | background-color:#9400D3; |
DarkOrchid | #9932CC | background-color:DarkOrchid; | background-color:#9932CC; |
DarkMagenta | #8B008B | background-color:DarkMagenta; | background-color:#8B008B; |
Purple | #800080 | background-color:Purple; | background-color:#800080; |
Indigo | #4B0082 | background-color:Indigo; | background-color:#4B0082; |
SlateBlue | #6A5ACD | background-color:SlateBlue; | background-color:#6A5ACD; |
DarkSlateBlue | #483D8B | background-color:DarkSlateBlue; | background-color:#483D8B; |
GreenYellow | #ADFF2F | background-color:GreenYellow; | background-color:#ADFF2F; |
Chartreuse | #7FFF00 | background-color:Chartreuse; | background-color:#7FFF00; |
LawnGreen | #7CFC00 | background-color:LawnGreen; | background-color:#7CFC00; |
Lime | #00FF00 | background-color:Lime; | background-color:#00FF00; |
LimeGreen | #32CD32 | background-color:LimeGreen; | background-color:#32CD32; |
PaleGreen | #98FB98 | background-color:PaleGreen; | background-color:#98FB98; |
LightGreen | #90EE90 | background-color:LightGreen; | background-color:#90EE90; |
MediumSpringGreen | #00FA9A | background-color:MediumSpringGreen; | background-color:#00FA9A; |
SpringGreen | #00FF7F | background-color:SpringGreen; | background-color:#00FF7F; |
MediumSeaGreen | #3CB371 | background-color:MediumSeaGreen; | background-color:#3CB371; |
SeaGreen | #2E8B57 | background-color:SeaGreen; | background-color:#2E8B57; |
ForestGreen | #228B22 | background-color:ForestGreen; | background-color:#228B22; |
Green | #008000 | background-color:Green; | background-color:#008000; |
DarkGreen | #006400 | background-color:DarkGreen; | background-color:#006400; |
YellowGreen | #9ACD32 | background-color:YellowGreen; | background-color:#9ACD32; |
OliveDrab | #6B8E23 | background-color:OliveDrab; | background-color:#6B8E23; |
Olive | #808000 | background-color:Olive; | background-color:#808000; |
DarkOliveGreen | #556B2F | background-color:DarkOliveGreen; | background-color:#556B2F; |
MediumAquamarine | #66CDAA | background-color:MediumAquamarine; | background-color:#66CDAA; |
DarkSeaGreen | #8FBC8F | background-color:DarkSeaGreen; | background-color:#8FBC8F; |
LightSeaGreen | #20B2AA | background-color:LightSeaGreen; | background-color:#20B2AA; |
DarkCyan | #008B8B | background-color:DarkCyan; | background-color:#008B8B; |
Teal | #008080 | background-color:Teal; | background-color:#008080; |
Aqua | #00FFFF | background-color:Aqua; | background-color:#00FFFF; |
LightCyan | #E0FFFF | background-color:LightCyan; | background-color:#E0FFFF; |
PaleTurquoise | #AFEEEE | background-color:PaleTurquoise; | background-color:#AFEEEE; |
Aquamarine | #7FFFD4 | background-color:Aquamarine; | background-color:#7FFFD4; |
Turquoise | #40E0D0 | background-color:Turquoise; | background-color:#40E0D0; |
MediumTurquoise | #48D1CC | background-color:MediumTurquoise; | background-color:#48D1CC; |
DarkTurquoise | #00CED1 | background-color:DarkTurquoise; | background-color:#00CED1; |
CadetBlue | #5F9EA0 | background-color:CadetBlue; | background-color:#5F9EA0; |
SteelBlue | #4682B4 | background-color:SteelBlue; | background-color:#4682B4; |
LightSteelBlue | #B0C4DE | background-color:LightSteelBlue; | background-color:#B0C4DE; |
PowderBlue | #B0E0E6 | background-color:PowderBlue; | background-color:#B0E0E6; |
LightBlue | #ADD8E6 | background-color:LightBlue; | background-color:#ADD8E6; |
SkyBlue | #87CEEB | background-color:SkyBlue; | background-color:#87CEEB; |
LightSkyBlue | #87CEFA | background-color:LightSkyBlue; | background-color:#87CEFA; |
DeepSkyBlue | #00BFFF | background-color:DeepSkyBlue; | background-color:#00BFFF; |
DodgerBlue | #1E90FF | background-color:DodgerBlue; | background-color:#1E90FF; |
CornflowerBlue | #6495ED | background-color:CornflowerBlue; | background-color:#6495ED; |
MediumSlateBlue | #7B68EE | background-color:MediumSlateBlue; | background-color:#7B68EE; |
RoyalBlue | #4169E0 | background-color:RoyalBlue; | background-color:#4169E0; |
Blue | #0000FF | background-color:Blue; | background-color:#0000FF; |
MediumBlue | #0000CD | background-color:MediumBlue; | background-color:#0000CD; |
DarkBlue | #00008B | background-color:DarkBlue; | background-color:#00008B; |
Navy | #000080 | background-color:Navy; | background-color:#000080; |
MidnightBlue | #191970 | background-color:MidnightBlue; | background-color:#191970; |
Cornsilk | #FFF8DC | background-color:Cornsilk; | background-color:#FFF8DC; |
BlanchedAlmond | #FFEBCD | background-color:BlanchedAlmond; | background-color:#FFEBCD; |
Bisque | #FFE4C4 | background-color:Bisque; | background-color:#FFE4C4; |
NavajoWhite | #FFDEAD | background-color:NavajoWhite; | background-color:#FFDEAD; |
Wheat | #F5DEB3 | background-color:Wheat; | background-color:#F5DEB3; |
BurlyWood | #DEB887 | background-color:BurlyWood; | background-color:#DEB887; |
Tan | #D2B48C | background-color:Tan; | background-color:#D2B48C; |
RosyBrown | #BC8F8F | background-color:RosyBrown; | background-color:#BC8F8F; |
SandyBrown | #F4A460 | background-color:SandyBrown; | background-color:#F4A460; |
Goldenrod | #DAA520 | background-color:Goldenrod; | background-color:#DAA520; |
DarkGoldenrod | #B8860B | background-color:DarkGoldenrod; | background-color:#B8860B; |
Peru | #CD853F | background-color:Peru; | background-color:#CD853F; |
Chocolate | #D2691E | background-color:Chocolate; | background-color:#D2691E; |
SaddleBrown | #8B4513 | background-color:SaddleBrown; | background-color:#8B4513; |
Sienna | #A0522D | background-color:Sienna; | background-color:#A0522D; |
Brown | #A52A2A | background-color:Brown; | background-color:#A52A2A; |
Maroon | #800000 | background-color:Maroon; | background-color:#800000; |
White | #FFFFFF | background-color:White; | background-color:#FFFFFF; |
Snow | #FFFAFA | background-color:Snow; | background-color:#FFFAFA; |
Honeydew | #F0FFF0 | background-color:Honeydew; | background-color:#F0FFF0; |
MintCream | #F5FFFA | background-color:MintCream; | background-color:#F5FFFA; |
Azure | #F0FFFF | background-color:Azure; | background-color:#F0FFFF; |
AliceBlue | #F0F8FF | background-color:AliceBlue; | background-color:#F0F8FF; |
GhostWhite | #F8F8FF | background-color:GhostWhite; | background-color:#F8F8FF; |
WhiteSmoke | #F5F5F5 | background-color:WhiteSmoke; | background-color:#F5F5F5; |
Seashell | #FFF5EE | background-color:Seashell; | background-color:#FFF5EE; |
Beige | #F5F5DC | background-color:Beige; | background-color:#F5F5DC; |
OldLace | #FDF5E6 | background-color:OldLace; | background-color:#FDF5E6; |
FloralWhite | #FFFAF0 | background-color:FloralWhite; | background-color:#FFFAF0; |
Ivory | #FFFFF0 | background-color:Ivory; | background-color:#FFFFF0; |
AntiqueWhite | #FAEBD7 | background-color:AntiqueWhite; | background-color:#FAEBD7; |
Linen | #FAF0E6 | background-color:Linen; | background-color:#FAF0E6; |
LavenderBlush | #FFF0F5 | background-color:LavenderBlush; | background-color:#FFF0F5; |
MistyRose | #FFE4E1 | background-color:MistyRose; | background-color:#FFE4E1; |
Gainsboro | #DCDCDC | background-color:Gainsboro; | background-color:#DCDCDC; |
LightGrey | #D3D3D3 | background-color:LightGrey; | background-color:#D3D3D3; |
Silver | #C0C0C0 | background-color:Silver; | background-color:#C0C0C0; |
DarkGray | #A9A9A9 | background-color:DarkGray; | background-color:#A9A9A9; |
Gray | #808080 | background-color:Gray; | background-color:#808080; |
DimGray | #696969 | background-color:DimGray; | background-color:#696969; |
LightSlateGray | #778899 | background-color:LightSlateGray; | background-color:#778899; |
SlateGray | #708090 | background-color:SlateGray; | background-color:#708090; |
DarkSlateGray | #2F4F4F | background-color:DarkSlateGray; | background-color:#2F4F4F; |
Black | #000000 | background-color:Black; | background-color:#000000; |