Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe orangered

von Thomas Salvador.

Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe orangered

DetailHintergrundfarbe orangered Verlauf nach WeißVerlauf nach Schwarz
Farbe :orangered#ff4500#ff4500#ff4500#ff4500
Farbwert :#ff4500#ff5f24#ff5f24#da3b00#da3b00
HTML:orangered#ff7a48#ff7a48#b63100#b63100
CSS:orangered#ff946d#ff946d#912700#912700
CSS (Wert):#ff4500#ffaf91#ffaf91#6d1d00#6d1d00
CSS (kürzest):#ff4500#ffc9b6#ffc9b6#481300#481300
CSS (RGB):rgb(255,69,0)#ffe4da#ffe4da#240900#240900
CSS (%RGB):rgb(100%,27%,0%)#ffffff#ffffff#000000#000000

Beispiel zur Kombination mit Farbe orangered

Änderung der Hintergrundfarbe bei Hover mit HTML-Befehl a

Mit Befehl <a> setzen Sie einen Hyperlink. Diesen können Sie hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <a> so ein, dass bei Hover die Hintergrundfarbe auf Farbe orangered gesetzt wird.
<style type="text/css"><!--
  a: hover { 
    background-color: orangered;
  }
//-->
</style>

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Die Beschreibung des Befehl a finden Sie in der HTML Referenz unter <a>.

Tabelle der 120 HTML Farbnamen

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aliceblue #f0f8ff         +  aliceblue #f0f8ff aliceblue / orangered
antiquewhite #faebd7         +  antiquewhite #faebd7 antiquewhite / orangered
aquamarine #7fffd4         +  aquamarine #7fffd4 aquamarine / orangered
azure #f0ffff         +  azure #f0ffff azure / orangered
beige #f5f5dc         +  beige #f5f5dc beige / orangered
blueviolet #8a2be2         +  blueviolet #8a2be2 blueviolet / orangered
brown #a52a2a         +  brown #a52a2a brown / orangered
burlywood #deb887         +  burlywood #deb887 burlywood / orangered
cadetblue #5f9ea0         +  cadetblue #5f9ea0 cadetblue / orangered
chartreuse #7fff00         +  chartreuse #7fff00 chartreuse / orangered
chocolate #d2691e         +  chocolate #d2691e chocolate / orangered
coral #ff7f50         +  coral #ff7f50 coral / orangered
cornflowerblue #6495ed         +  cornflowerblue #6495ed cornflowerblue / orangered
cornsilk #fff8dc         +  cornsilk #fff8dc cornsilk / orangered
crimson #dc143c         +  crimson #dc143c crimson / orangered
darkblue #00008b         +  darkblue #00008b darkblue / orangered
darkcyan #008b8b         +  darkcyan #008b8b darkcyan / orangered
darkgoldenrod #b8860b         +  darkgoldenrod #b8860b darkgoldenrod / orangered
darkgray #a9a9a9         +  darkgray #a9a9a9 darkgray / orangered
darkgreen #006400         +  darkgreen #006400 darkgreen / orangered
darkkhaki #bdb76b         +  darkkhaki #bdb76b darkkhaki / orangered
darkmagenta #8b008b         +  darkmagenta #8b008b darkmagenta / orangered
darkolivegreen #556b2f         +  darkolivegreen #556b2f darkolivegreen / orangered
darkorange #ff8c00         +  darkorange #ff8c00 darkorange / orangered
darkorchid #9932cc         +  darkorchid #9932cc darkorchid / orangered
darkred #8b0000         +  darkred #8b0000 darkred / orangered
darksalmon #e9967a         +  darksalmon #e9967a darksalmon / orangered
darkseagreen #8fbc8f         +  darkseagreen #8fbc8f darkseagreen / orangered
darkslateblue #483d8b         +  darkslateblue #483d8b darkslateblue / orangered
darkslategray #2f4f4f         +  darkslategray #2f4f4f darkslategray / orangered
darkturquoise #00ced1         +  darkturquoise #00ced1 darkturquoise / orangered
darkviolet #9400d3         +  darkviolet #9400d3 darkviolet / orangered
deeppink #ff1493         +  deeppink #ff1493 deeppink / orangered
deepskyblue #00bfff         +  deepskyblue #00bfff deepskyblue / orangered
dimgray #696969         +  dimgray #696969 dimgray / orangered
dodgerblue #1e90ff         +  dodgerblue #1e90ff dodgerblue / orangered
firebrick #b22222         +  firebrick #b22222 firebrick / orangered
floralwhite #fffaf0         +  floralwhite #fffaf0 floralwhite / orangered
forestgreen #228b22         +  forestgreen #228b22 forestgreen / orangered
gainsboro #dcdcdc         +  gainsboro #dcdcdc gainsboro / orangered
ghostwhite #f8f8ff         +  ghostwhite #f8f8ff ghostwhite / orangered
gold #ffd700         +  gold #ffd700 gold / orangered
goldenrod #daa520         +  goldenrod #daa520 goldenrod / orangered
greenyellow #adff2f         +  greenyellow #adff2f greenyellow / orangered
honeydew #f0fff0         +  honeydew #f0fff0 honeydew / orangered
hotpink #ff69b4         +  hotpink #ff69b4 hotpink / orangered
indianred #cd5c5c         +  indianred #cd5c5c indianred / orangered
indigo #4b0082         +  indigo #4b0082 indigo / orangered
ivory #fffff0         +  ivory #fffff0 ivory / orangered
khaki #f0e68c         +  khaki #f0e68c khaki / orangered
lavender #e6e6fa         +  lavender #e6e6fa lavender / orangered
lavenderblush #fff0f5         +  lavenderblush #fff0f5 lavenderblush / orangered
lawngreen #7cfc00         +  lawngreen #7cfc00 lawngreen / orangered
lemonchiffon #fffacd         +  lemonchiffon #fffacd lemonchiffon / orangered
lightblue #add8e6         +  lightblue #add8e6 lightblue / orangered
lightcoral #f08080         +  lightcoral #f08080 lightcoral / orangered
lightcyan #e0ffff         +  lightcyan #e0ffff lightcyan / orangered
lightgoldenrodyellow #fafad2         +  lightgoldenrodyellow #fafad2 lightgoldenrodyellow / orang...
lightgreen #90ee90         +  lightgreen #90ee90 lightgreen / orangered
lightgrey #d3d3d3         +  lightgrey #d3d3d3 lightgrey / orangered
lightpink #ffb6c1         +  lightpink #ffb6c1 lightpink / orangered
lightsalmon #ffa07a         +  lightsalmon #ffa07a lightsalmon / orangered
lightseagreen #20b2aa         +  lightseagreen #20b2aa lightseagreen / orangered
lightskyblue #87cefa         +  lightskyblue #87cefa lightskyblue / orangered
lightslategray #778899         +  lightslategray #778899 lightslategray / orangered
lightsteelblue #b0c4de         +  lightsteelblue #b0c4de lightsteelblue / orangered
lightyellow #ffffe0         +  lightyellow #ffffe0 lightyellow / orangered
limegreen #32cd32         +  limegreen #32cd32 limegreen / orangered
linen #faf0e6         +  linen #faf0e6 linen / orangered
mediumaquamarine #66cdaa         +  mediumaquamarine #66cdaa mediumaquamarine / orangered
mediumblue #0000cd         +  mediumblue #0000cd mediumblue / orangered
mediumorchid #ba55d3         +  mediumorchid #ba55d3 mediumorchid / orangered
mediumpurple #9370db         +  mediumpurple #9370db mediumpurple / orangered
mediumseagreen #3cb371         +  mediumseagreen #3cb371 mediumseagreen / orangered
mediumslateblue #7b68ee         +  mediumslateblue #7b68ee mediumslateblue / orangered
mediumspringgreen #00fa9a         +  mediumspringgreen #00fa9a mediumspringgreen / orangered
mediumturquoise #48d1cc         +  mediumturquoise #48d1cc mediumturquoise / orangered
mediumvioletred #c71585         +  mediumvioletred #c71585 mediumvioletred / orangered
midnightblue #191970         +  midnightblue #191970 midnightblue / orangered
mintcream #f5fffa         +  mintcream #f5fffa mintcream / orangered
mistyrose #ffe4e1         +  mistyrose #ffe4e1 mistyrose / orangered
moccasin #ffe4b5         +  moccasin #ffe4b5 moccasin / orangered
navajowhite #ffdead         +  navajowhite #ffdead navajowhite / orangered
oldlace #fdf5e6         +  oldlace #fdf5e6 oldlace / orangered
olivedrab #6b8e23         +  olivedrab #6b8e23 olivedrab / orangered
orange #ffa500         +  orange #ffa500 orange / orangered
orangered #ff4500         +  orangered #ff4500 orangered / orangered
orchid #da70d6         +  orchid #da70d6 orchid / orangered
palegoldenrod #eee8aa         +  palegoldenrod #eee8aa palegoldenrod / orangered
palegreen #98fb98         +  palegreen #98fb98 palegreen / orangered
paleturquoise #afeeee         +  paleturquoise #afeeee paleturquoise / orangered
palevioletred #db7093         +  palevioletred #db7093 palevioletred / orangered
papayawhip #ffefd5         +  papayawhip #ffefd5 papayawhip / orangered
peachpuff #ffdab9         +  peachpuff #ffdab9 peachpuff / orangered
peru #cd853f         +  peru #cd853f peru / orangered
pink #ffc0cb         +  pink #ffc0cb pink / orangered
plum #dda0dd         +  plum #dda0dd plum / orangered
powderblue #b0e0e6         +  powderblue #b0e0e6 powderblue / orangered
rosybrown #bc8f8f         +  rosybrown #bc8f8f rosybrown / orangered
royalblue #4169e1         +  royalblue #4169e1 royalblue / orangered
saddlebrown #8b4513         +  saddlebrown #8b4513 saddlebrown / orangered
salmon #fa8072         +  salmon #fa8072 salmon / orangered
sandybrown #f4a460         +  sandybrown #f4a460 sandybrown / orangered
seagreen #2e8b57         +  seagreen #2e8b57 seagreen / orangered
seashell #fff5ee         +  seashell #fff5ee seashell / orangered
sienna #a0522d         +  sienna #a0522d sienna / orangered
skyblue #87ceeb         +  skyblue #87ceeb skyblue / orangered
slateblue #6a5acd         +  slateblue #6a5acd slateblue / orangered
slategray #708090         +  slategray #708090 slategray / orangered
snow #fffafa         +  snow #fffafa snow / orangered
springgreen #00ff7f         +  springgreen #00ff7f springgreen / orangered
steelblue #4682b4         +  steelblue #4682b4 steelblue / orangered
tan #d2b48c         +  tan #d2b48c tan / orangered
thistle #d8bfd8         +  thistle #d8bfd8 thistle / orangered
tomato #ff6347         +  tomato #ff6347 tomato / orangered
turquoise #40e0d0         +  turquoise #40e0d0 turquoise / orangered
violet #ee82ee         +  violet #ee82ee violet / orangered
wheat #f5deb3         +  wheat #f5deb3 wheat / orangered
whitesmoke #f5f5f5         +  whitesmoke #f5f5f5 whitesmoke / orangered
yellowgreen #9acd32         +  yellowgreen #9acd32 yellowgreen / orangered

Weitere Farbtabellen