Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #00ff7f

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 #00ff7f

DetailHintergrundfarbwert #00ff7f Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#00ff7f#00ff7f#00ff7f#00ff7f#00ff7f
Farbe :springgreen#24ff91#24ff91#00da6c#00da6c
HTML:#00ff7f#48ffa3#48ffa3#00b65a#00b65a
CSS:#00ff7f#6dffb5#6dffb5#009148#009148
CSS (Wert):#00ff7f#91ffc8#91ffc8#006d36#006d36
CSS (kürzest):#00ff7f#b6ffda#b6ffda#004824#004824
CSS (RGB):rgb(0,255,127)#daffec#daffec#002412#002412
CSS (%RGB):rgb(0%,100%,49%)#ffffff#ffffff#000000#000000

Beispiel zur Kombination mit Farbwert #00ff7f

Farbige Unterstreichung mit HTML-Tag samp

Hier unterstreichen wir <samp> mit Hilfe eines gefurchten Rahmens mit 5 Pixel Dicke in Farbwert #00ff7f. Dies geht mit HTML kaum. Deshalb nutzen wir CSS zur Formatierung.

<style type="text/css"><!--
  samp { border-bottom:5px groove #00ff7f; }
//-->
</style>

Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sehen Sie dies bei Links. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Dies ist aber keine "wirkliche" Unterstreichung, der Text selbst hat gar keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zum Thema können Sie in Text in HTML nachlesen. Einzelheiten des hier gezeigten Befehl samp finden Sie in der HTML Referenz unter <samp>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen