Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe darkgreen

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 darkgreen

DetailHintergrundfarbe darkgreen Verlauf nach WeißVerlauf nach Schwarz
Farbe :darkgreen#006400#006400#006400#006400
Farbwert :#006400#247a24#247a24#005500#005500
HTML:darkgreen#489048#489048#004700#004700
CSS:darkgreen#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 Farbe darkgreen

Farbige Unterstreichung mit Befehl caption

Beispielsweise unterstreichen wir <caption> mit Hilfe eines gefurchten Rahmens mit 5 Pixel Dicke in Farbe darkgreen. In HTML geht dies kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  caption { border-bottom:5px groove darkgreen; }
//-->
</style>

Die Idee ist dabei, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sehen Sie das bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine normale Unterstreichung, der Text hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Weiteres zu caption finden Sie in Tabellen in HTML. Beschreibung vom hier genutzten HTML-Tag <caption>.

Umrandung mit HTML-Tag li

In diesem Beispiel umranden wir <li> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbe darkgreen. Das geht mit HTML kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  li { border:2px dotted darkgreen; }
//-->
</style>

Mehr zum Thema li erfahren Sie in Listen und Glossare in HTML. Zur Beschreibung vom hier verwendeten HTML-Tag <li>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen