Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #fff8dc

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

DetailHintergrundfarbwert #fff8dc Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#fff8dc#fff8dc#fff8dc#fff8dc#fff8dc
Farbe :cornsilk#fff9e1#fff9e1#dad4bc#dad4bc
HTML:#fff8dc#fffae6#fffae6#b6b19d#b6b19d
CSS:#fff8dc#fffbeb#fffbeb#918d7d#918d7d
CSS (Wert):#fff8dc#fffcf0#fffcf0#6d6a5e#6d6a5e
CSS (kürzest):#fff8dc#fffdf5#fffdf5#48463e#48463e
CSS (RGB):rgb(255,248,220)#fffefa#fffefa#24231f#24231f
CSS (%RGB):rgb(100%,97%,86%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #fff8dc

Farbige Unterstreichung mit Tag a

Ein Link wird mit HTML-Befehl <a> gesetzt. Er kann farblich gestaltet werden.

In diesem Beispiel unterstreichen wir <a> mit Hilfe eines gepunkteten Rahmens mit 2 Pixel Dicke in Farbwert #fff8dc. In HTML ist dies nicht möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  a { border-bottom:2px dotted #fff8dc; }
//-->
</style>

Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Manchmal sieht man diesen Effekt bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Das ist jedoch keine "wirkliche" Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML finden. Der hier gezeigte Tag a ist in der HTML Referenz unter <a> ausführlich zusammengestellt.

Umrandung bei HTML-Tag center

In diesem Beispiel umranden wir <center> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbwert #fff8dc. Das ist mit HTML nicht möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  center { 
    border-style:outset; 
    border-width:5px; 
    border-color:#fff8dc;
  }
//-->
</style>

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum Befehl <center>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen