Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe indianred

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 indianred

DetailHintergrundfarbe indianred Verlauf nach WeißVerlauf nach Schwarz
Farbe :indianred#cd5c5c#cd5c5c#cd5c5c#cd5c5c
Farbwert :#cd5c5c#d47373#d47373#af4e4e#af4e4e
HTML:indianred#db8a8a#db8a8a#924141#924141
CSS:indianred#e2a1a1#e2a1a1#753434#753434
CSS (Wert):#cd5c5c#e9b9b9#e9b9b9#572727#572727
CSS (kürzest):#cd5c5c#f0d0d0#f0d0d0#3a1a1a#3a1a1a
CSS (RGB):rgb(205,92,92)#f7e7e7#f7e7e7#1d0d0d#1d0d0d
CSS (%RGB):rgb(80%,36%,36%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe indianred

Änderung der Unterstreichung bei Hover von HTML-Befehl caption

Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <caption> vor.

<style type="text/css"><!--
  caption { border-bottom:2px inset #905102; }
//-->
</style>
Nun stellen wir ein, dass bei Hover die Unterstreichungsfarbe auf Farbe indianred gesetzt wird.
<style type="text/css"><!--
  caption:hover { 
    border-bottom-color:indianred;
  }
//-->
</style>

Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu nutzen. Manchmal sehen Sie das bei Verweisen. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Es ist jedoch keine wirkliche Unterstreichung, der Text ist überhaupt nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zum Thema lesen Sie in Tabellen in HTML. Die Beschreibung vom hier verwendeten HTML-Befehl caption lesen Sie in der HTML Referenz unter <caption>.

Änderung der Textfarbe von Befehl center

In diesem Beispiel legen wir bei <center> die Textfarbe auf Farbe indianred fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf sans-serif:

<center style="color:indianred; font-family:sans-serif;">
Text ist in Farbe indianred
</center>

Weiteres zum Thema center lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des hier genutzten Tag center finden Sie in der HTML Referenz unter <center>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen