Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #006400

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.

Hintergrundfarbwert #006400

DetailHintergrundfarbwert #006400 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#006400#006400#006400#006400#006400
Farbe :darkgreen#247a24#247a24#005500#005500
HTML:#006400#489048#489048#004700#004700
CSS:#006400#6da66d#6da66d#003900#003900
CSS (Wert):#006400#91bc91#91bc91#002a00#002a00
CSS (kürzest):#006400#b6d2b6#b6d2b6#001c00#001c00
CSS (RGB):rgb(0,100,0)#dae8da#dae8da#000e00#000e00
CSS (%RGB):rgb(0%,39%,0%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #006400

Änderung der Textfarbe von HTML-Tag td

Wir legen zum Beispiel die Textfarbe von <td> auf Farbwert #006400 fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf courier new. Die Schriftgröße ändern wir auf 13px:

<style type="text/css"><!--
  td { 
    color:#006400; 
    font-size:13px; 
    font-family:courier new;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten vom Befehl td sind in der HTML Referenz bei <td> ausführlich gezeigt.

Farbige Unterstreichung mit Tag caption

Beispielsweise unterstreichen wir <caption> mit Hilfe eines gestrichelten Rahmens mit 2 Pixel Dicke in Farbwert #006400. Mit HTML geht dies nicht. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  caption { border-bottom:2px dashed #006400; }
//-->
</style>

Die Idee ist hierbei, verschiedene Formatierungen für Inhalt und Unterstreichung zu nutzen. Manchmal sehen Sie dies bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "normale" Unterstreichung, der Text selbst hat gar keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Mehr zum Thema können Sie in Tabellen in HTML finden. Mehr zum hier gezeigten Befehl caption ist in der HTML Referenz unter <caption> beschrieben.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen