Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe linen

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.

Hintergrundfarbe linen

DetailHintergrundfarbe linen Verlauf nach WeißVerlauf nach Schwarz
Farbe :linen#faf0e6#faf0e6#faf0e6#faf0e6
Farbwert :#faf0e6#faf2e9#faf2e9#d6cdc5#d6cdc5
HTML:linen#fbf4ed#fbf4ed#b2aba4#b2aba4
CSS:linen#fcf6f0#fcf6f0#8e8983#8e8983
CSS (Wert):#faf0e6#fcf8f4#fcf8f4#6b6662#6b6662
CSS (kürzest):#faf0e6#fdfaf7#fdfaf7#474441#474441
CSS (RGB):rgb(250,240,230)#fefcfb#fefcfb#232220#232220
CSS (%RGB):rgb(98%,94%,90%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe linen

Änderung der Hintergrundfarbe mit HTML-Tag a

Einen Hyperlink erzeugen Sie mit Tag <a>. Diesen können Sie farblich gestalten und hervorheben.

Zum Beispiel setzen wir bei <a> die Hintergrundfarbe auf Farbe linen und setzen die Schriftgröße auf 88%:

<style type="text/css"><!--
  a { 
    background-color:linen; 
    font-size:88%;
  }
//-->
</style>

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Mehr zum Befehl a lesen Sie in der HTML Referenz unter <a>.

Änderung der Textfarbe bei Hover bei HTML-Tag blockquote

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <blockquote> so ein, dass bei Mausberührung die Textfarbe auf Farbe linen geändert wird.
<style type="text/css"><!--
  blockquote: hover { 
    color: linen;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML nachlesen. Einzelheiten vom hier verwendeten Tag blockquote erfahren Sie in der HTML Referenz unter <blockquote>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen