Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #fdf5e6

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

DetailHintergrundfarbwert #fdf5e6 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#fdf5e6#fdf5e6#fdf5e6#fdf5e6#fdf5e6
Farbe :oldlace#fdf6e9#fdf6e9#d8d2c5#d8d2c5
HTML:#fdf5e6#fdf7ed#fdf7ed#b4afa4#b4afa4
CSS:#fdf5e6#fdf9f0#fdf9f0#908c83#908c83
CSS (Wert):#fdf5e6#fefaf4#fefaf4#6c6962#6c6962
CSS (kürzest):#fdf5e6#fefcf7#fefcf7#484641#484641
CSS (RGB):rgb(253,245,230)#fefdfb#fefdfb#242320#242320
CSS (%RGB):rgb(99%,96%,90%)#ffffff#ffffff#000000#000000

Beispiel zur Kombination mit Farbwert #fdf5e6

Farbige Unterstreichung von HTML-Tag caption

Hier unterstreichen wir <caption> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbwert #fdf5e6. Mit HTML geht das nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  caption { border-bottom:5px outset #fdf5e6; }
//-->
</style>

Die Idee ist dabei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man dies bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine "normale" Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema caption können Sie in Tabellen in HTML nachsehen. Möglichkeiten des Befehl caption lesen Sie in der HTML Referenz unter <caption>.

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