Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #dcdcdc

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

DetailHintergrundfarbwert #dcdcdc Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#dcdcdc#dcdcdc#dcdcdc#dcdcdc#dcdcdc
Farbe :gainsboro#e1e1e1#e1e1e1#bcbcbc#bcbcbc
HTML:#dcdcdc#e6e6e6#e6e6e6#9d9d9d#9d9d9d
CSS:#dcdcdc#ebebeb#ebebeb#7d7d7d#7d7d7d
CSS (Wert):#dcdcdc#f0f0f0#f0f0f0#5e5e5e#5e5e5e
CSS (kürzest):#dcdcdc#f5f5f5#f5f5f5#3e3e3e#3e3e3e
CSS (RGB):rgb(220,220,220)#fafafa#fafafa#1f1f1f#1f1f1f
CSS (%RGB):rgb(86%,86%,86%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #dcdcdc

Änderung der Hintergrundfarbe bei Hover bei Tag fieldset

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <fieldset> vor.

Wir legen in diesem Beispiel Farbwert #dcdcdc als Hintergrundfarbe von <fieldset> fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  fieldset { 
    font-family:verdana; 
    background-color:#9abb9c;
  }
//-->
</style>
Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #dcdcdc gesetzt wird.
<style type="text/css"><!--
  fieldset: hover { 
    background-color: #dcdcdc;
  }
//-->
</style>

Mehr zum Thema fieldset erfahren Sie in Formulare in HTML. Einzelheiten des Tag <fieldset>.

Änderung der Hintergrundfarbe mit HTML-Befehl acronym

Wir legen hier Farbwert #dcdcdc als Hintergrundfarbe von <acronym> fest. Die Schriftgröße setzen wir auf 86%.

<acronym style="font-size:86%; background-color:#dcdcdc;">
acronym-Hintergrund hat Farbwert #dcdcdc
</acronym>

Möglichkeiten des Befehl acronym sind in der HTML Referenz bei <acronym> gezeigt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen