Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #2e8b57

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 #2e8b57

DetailHintergrundfarbwert #2e8b57 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#2e8b57#2e8b57#2e8b57#2e8b57#2e8b57
Farbe :seagreen#4b9b6f#4b9b6f#27774a#27774a
HTML:#2e8b57#69ac87#69ac87#20633e#20633e
CSS:#2e8b57#87bc9f#87bc9f#1a4f31#1a4f31
CSS (Wert):#2e8b57#a5cdb7#a5cdb7#133b25#133b25
CSS (kürzest):#2e8b57#c3ddcf#c3ddcf#0d2718#0d2718
CSS (RGB):rgb(46,139,87)#e1eee7#e1eee7#06130c#06130c
CSS (%RGB):rgb(18%,54%,34%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #2e8b57

Änderung der Textfarbe mit HTML-Befehl h6

Eine Überschrift der 6. Stufe erzeugen Sie mit HTML-Tag <h6>. Sie kann farblich gestaltet werden.

Z.B. legen wir die Textfarbe von <h6> auf Farbwert #2e8b57 fest. Die Schriftgröße erhöhen wir auf 129%.

<h6 style="font-size:129%; color:#2e8b57;">
Dieser Text nutzt Farbwert #2e8b57
</h6>

Mehr zum Thema h6 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Beschreibung des hier gezeigten HTML-Tag <h6>.

Farbige Unterstreichung mit HTML-Tag samp

Beispielsweise unterstreichen wir <samp> mit Hilfe eines einfallenden Rahmens mit 5 Pixel Dicke in Farbwert #2e8b57. Dies geht in HTML kaum. Daher verwenden wir hierfür CSS.

<style type="text/css"><!--
  samp { 
    border-bottom-style: inset; 
    border-bottom-color: #2e8b57; 
    border-bottom-width: 5px;
  }
//-->
</style>

Die Idee ist dabei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu nutzen. Manchmal sieht man dies bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Es ist jedoch keine normale Unterstreichung, der Text selbst ist gar nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema können Sie in Text in HTML finden. Einzelheiten vom HTML-Tag samp sind in der HTML Referenz unter <samp> beschrieben.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen