Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe honeydew

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 honeydew

DetailHintergrundfarbe honeydew Verlauf nach WeißVerlauf nach Schwarz
Farbe :honeydew#f0fff0#f0fff0#f0fff0#f0fff0
Farbwert :#f0fff0#f2fff2#f2fff2#cddacd#cddacd
HTML:honeydew#f4fff4#f4fff4#abb6ab#abb6ab
CSS:honeydew#f6fff6#f6fff6#899189#899189
CSS (Wert):#f0fff0#f8fff8#f8fff8#666d66#666d66
CSS (kürzest):#f0fff0#fafffa#fafffa#444844#444844
CSS (RGB):rgb(240,255,240)#fcfffc#fcfffc#222422#222422
CSS (%RGB):rgb(94%,100%,94%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe honeydew

Änderung der Textfarbe bei Hover von Tag var

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

Dafür stellen wir <var> so ein, dass bei Berührung mit der Maus die Textfarbe auf Farbe honeydew gesetzt wird.
<style type="text/css"><!--
  var: hover { 
    color: honeydew;
  }
//-->
</style>

Mehr zum Thema var können Sie in Text in HTML erfahren. Möglichkeiten vom Tag var finden Sie in der HTML Referenz unter <var>.

Farbige Unterstreichung von Tag label

Hier unterstreichen wir <label> mit einem doppelten Rahmen mit 5 Pixel Dicke in Farbe honeydew. Das ist in HTML nicht möglich. Deshalb nutzen wir CSS zur Formatierung.

<style type="text/css"><!--
  label { border-bottom:5px double honeydew; }
//-->
</style>

Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man dies bei Hyperlinks. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Es ist aber keine "normale" Unterstreichung, der Text hat gar keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zum Thema erfahren Sie in Formulare in HTML. Weiteres zum hier genutzten Tag <label>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen