Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #9acd32

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 #9acd32

DetailHintergrundfarbwert #9acd32 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#9acd32#9acd32#9acd32#9acd32#9acd32
Farbe :yellowgreen#a8d44f#a8d44f#84af2a#84af2a
HTML:#9acd32#b6db6c#b6db6c#6e9223#6e9223
CSS:#9acd32#c5e289#c5e289#58751c#58751c
CSS (Wert):#9acd32#d3e9a7#d3e9a7#425715#425715
CSS (kürzest):#9acd32#e2f0c4#e2f0c4#2c3a0e#2c3a0e
CSS (RGB):rgb(154,205,50)#f0f7e1#f0f7e1#161d07#161d07
CSS (%RGB):rgb(60%,80%,19%)#ffffff#ffffff#000000#000000

Beispiel zur Kombination mit Farbwert #9acd32

Änderung der Unterstreichung bei Hover mit Befehl cite

Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <cite> so ein, dass bei Hover die Farbe der Unterstreichung auf Farbwert #9acd32 gesetzt wird.
<style type="text/css"><!--
  cite:hover { 
    border-bottom-color:#9acd32;
  }
//-->
</style>

Einzelheiten des HTML-Tag cite finden Sie in der HTML Referenz unter <cite>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen