Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #fafad2

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 #fafad2

DetailHintergrundfarbwert #fafad2 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#fafad2#fafad2#fafad2#fafad2#fafad2
Farbe :lightgoldenrodyellow#fafad8#fafad8#d6d6b4#d6d6b4
HTML:#fafad2#fbfbde#fbfbde#b2b296#b2b296
CSS:#fafad2#fcfce5#fcfce5#8e8e78#8e8e78
CSS (Wert):#fafad2#fcfceb#fcfceb#6b6b5a#6b6b5a
CSS (kürzest):#fafad2#fdfdf2#fdfdf2#47473c#47473c
CSS (RGB):rgb(250,250,210)#fefef8#fefef8#23231e#23231e
CSS (%RGB):rgb(98%,98%,82%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #fafad2

Änderung der Hintergrundfarbe bei Hover bei Befehl thead

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

Dafür stellen wir <thead> so ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf Farbwert #fafad2 ändert.
<style type="text/css"><!--
  thead: hover { 
    background-color: #fafad2;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten des Befehl thead erfahren Sie in der HTML Referenz unter <thead>.

Änderung der Hintergrundfarbe mit Tag legend

Wir legen für dieses Beispiel Farbwert #fafad2 als Hintergrundfarbe von <legend> fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf courier new.

<legend style="font-family:courier new; background-color:#fafad2;">
Hintergrund ist in Farbwert #fafad2
</legend>

Mehr zum Thema können Sie in Formulare in HTML erfahren. Weiteres zum hier verwendeten HTML-Tag legend finden Sie in der HTML Referenz unter <legend>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen