Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #a9a9a9

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

DetailHintergrundfarbwert #a9a9a9 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#a9a9a9#a9a9a9#a9a9a9#a9a9a9#a9a9a9
Farbe :darkgray#b5b5b5#b5b5b5#909090#909090
HTML:#a9a9a9#c1c1c1#c1c1c1#787878#787878
CSS:#a9a9a9#cdcdcd#cdcdcd#606060#606060
CSS (Wert):#a9a9a9#dadada#dadada#484848#484848
CSS (kürzest):#a9a9a9#e6e6e6#e6e6e6#303030#303030
CSS (RGB):rgb(169,169,169)#f2f2f2#f2f2f2#181818#181818
CSS (%RGB):rgb(66%,66%,66%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #a9a9a9

Änderung der Textfarbe von Tag center

Hier legen wir Farbwert #a9a9a9 als Textfarbe von <center> fest:

<center style="color:#a9a9a9;">
Dieser center-Text hat Farbwert #a9a9a9
</center>

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der hier genutzte Tag center ist in der HTML Referenz bei <center> genau gezeigt.

Änderung der Textfarbe bei Hover bei HTML-Befehl input

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

Dafür stellen wir <input> so ein, dass sich bei Mausberührung die Textfarbe auf Farbwert #a9a9a9 ändert.
<style type="text/css"><!--
  input: hover { 
    color: #a9a9a9;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Formulare in HTML. Der hier verwendete HTML-Befehl input ist in der HTML Referenz unter <input> ausführlich gezeigt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen