Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffaf0 und 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 #fffaf0

Schriftfarbwert #dcdcdc

DetailHintergrund #fffaf0 DetailSchrift #dcdcdc 
Farbwert :#fffaf0Farbwert :#dcdcdc
Farbe :floralwhiteFarbe :gainsboro
HTML:#fffaf0HTML:#dcdcdc
HTML (Wert):#fffaf0HTML (Wert):#dcdcdc
CSS:#fffaf0CSS:#dcdcdc
CSS (Wert):#fffaf0CSS (Wert):#dcdcdc
CSS (kürzest):#fffaf0CSS (kürzest):#dcdcdc
CSS (RGB):rgb(255,250,240)CSS (RGB):rgb(220,220,220)
CSS (%RGB):rgb(100%,98%,94%)CSS (%RGB):rgb(86%,86%,86%)

Verlauf Hintergrundfarbwert #fffaf0 nach Schriftfarbwert #dcdcdc

#fffaf0#faf5ed#f5f1ea#f0ede7#ebe8e4#e6e4e1#e1e0de#dcdcdc
#fffaf0#faf5ed#f5f1ea#f0ede7#ebe8e4#e6e4e1#e1e0de#dcdcdc

Kombination von #fffaf0 und #dcdcdc

Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.

#dcdcdc eignet sich nicht als Schriftfarbe auf Hintergrund #fffaf0, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Die Ähnlichkeit von #dcdcdc und #fffaf0 ergibt sich zu 93.72%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.28%.

Hintergrundfarbwert #fffaf0

Schriftfarbwert #dcdcdc

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#fffaf0#fffaf0#fffaf0#fffaf0#dcdcdc#dcdcdc#dcdcdc#dcdcdc
#fffaf2#fffaf2#dad6cd#dad6cd#e1e1e1#e1e1e1#bcbcbc#bcbcbc
#fffbf4#fffbf4#b6b2ab#b6b2ab#e6e6e6#e6e6e6#9d9d9d#9d9d9d
#fffcf6#fffcf6#918e89#918e89#ebebeb#ebebeb#7d7d7d#7d7d7d
#fffcf8#fffcf8#6d6b66#6d6b66#f0f0f0#f0f0f0#5e5e5e#5e5e5e
#fffdfa#fffdfa#484744#484744#f5f5f5#f5f5f5#3e3e3e#3e3e3e
#fffefc#fffefc#242322#242322#fafafa#fafafa#1f1f1f#1f1f1f
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbwert #fffaf0 und Farbwert #dcdcdc

Wechsel der Textfarbe bei Hover mit HTML-Befehl center

Die Textfarbe soll sich von Farbwert #fffaf0 auf Farbwert #dcdcdc ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst die Darstellung von <center> in Farbwert #fffaf0 vor.

Wir legen z.B. die Textfarbe von <center> auf Farbwert #fffaf0 fest.

<style type="text/css"><!--
  center { 
    color:#fffaf0;
  }
//-->
</style>
Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #dcdcdc ändert.
<style type="text/css"><!--
  center:hover { 
    color:#dcdcdc;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte Tag center ist in der HTML Referenz bei <center> ausführlich beschrieben.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen