Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fdf5e6 und Farbwert #fff5ee

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

Schriftfarbwert #fff5ee

DetailHintergrund #fdf5e6 DetailSchrift #fff5ee 
Farbwert :#fdf5e6Farbwert :#fff5ee
Farbe :oldlaceFarbe :seashell
HTML:#fdf5e6HTML:#fff5ee
HTML (Wert):#fdf5e6HTML (Wert):#fff5ee
CSS:#fdf5e6CSS:#fff5ee
CSS (Wert):#fdf5e6CSS (Wert):#fff5ee
CSS (kürzest):#fdf5e6CSS (kürzest):#fff5ee
CSS (RGB):rgb(253,245,230)CSS (RGB):rgb(255,245,238)
CSS (%RGB):rgb(99%,96%,90%)CSS (%RGB):rgb(100%,96%,93%)

Verlauf Hintergrundfarbwert #fdf5e6 nach Schriftfarbwert #fff5ee

#fdf5e6#fdf5e7#fdf5e8#fdf5e9#fef5ea#fef5eb#fef5ec#fff5ee
#fdf5e6#fdf5e7#fdf5e8#fdf5e9#fef5ea#fef5eb#fef5ec#fff5ee

Kombination von #fdf5e6 und #fff5ee

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

Auf Hintergrund #fdf5e6 ist #fff5ee ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Die Ähnlichkeit von #fff5ee und #fdf5e6 ergibt sich zu 95.20%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 4.80%.

Hintergrundfarbwert #fdf5e6

Schriftfarbwert #fff5ee

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#fdf5e6#fdf5e6#fdf5e6#fdf5e6#fff5ee#fff5ee#fff5ee#fff5ee
#fdf6e9#fdf6e9#d8d2c5#d8d2c5#fff6f0#fff6f0#dad2cc#dad2cc
#fdf7ed#fdf7ed#b4afa4#b4afa4#fff7f2#fff7f2#b6afaa#b6afaa
#fdf9f0#fdf9f0#908c83#908c83#fff9f5#fff9f5#918c88#918c88
#fefaf4#fefaf4#6c6962#6c6962#fffaf7#fffaf7#6d6966#6d6966
#fefcf7#fefcf7#484641#484641#fffcfa#fffcfa#484644#484644
#fefdfb#fefdfb#242320#242320#fffdfc#fffdfc#242322#242322
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #fdf5e6 und Farbwert #fff5ee

Füllen und Umranden mit HTML-Tag img

Hier umranden wir <img> mit einem . Die Hintergrundfarbe für <img> setzen wir auf Farbwert #fdf5e6. Dies ist in HTML so kaum möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  img { 
    border-color: #fff5ee; 
    border-width: 3pt; 
    background-color: #fdf5e6; 
    border-style: dashed;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Grafik in HTML. Einzelheiten des hier verwendeten HTML-Tag img sind in der HTML Referenz bei <img> genau beschrieben.

Hintergrund/Text-Kombination bei HTML-Tag h6

Eine Überschrift der 6. Stufe erzeugen Sie mit Befehl <h6>. Diese kann man farblich gestalten.

Wir ändern in diesem Beispiel die Textfarbe von <h6> auf Farbwert #fff5ee und die Hintergrundfarbe von <h6> auf Farbwert #fdf5e6. Die Schriftart ändern wir auf sans-serif und als Schriftgröße setzen wir 83%.

<style type="text/css"><!--
  h6 { 
    color:#fff5ee; 
    background-color:#fdf5e6; 
    font-size:83%; 
    font-family:sans-serif;
  }
//-->
</style>

Weiteres zum Thema h6 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Einzelheiten vom hier gezeigten Befehl <h6>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen