Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe beige

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 beige

DetailHintergrundfarbe beige Verlauf nach WeißVerlauf nach Schwarz
Farbe :beige#f5f5dc#f5f5dc#f5f5dc#f5f5dc
Farbwert :#f5f5dc#f6f6e1#f6f6e1#d2d2bc#d2d2bc
HTML:beige#f7f7e6#f7f7e6#afaf9d#afaf9d
CSS:beige#f9f9eb#f9f9eb#8c8c7d#8c8c7d
CSS (Wert):#f5f5dc#fafaf0#fafaf0#69695e#69695e
CSS (kürzest):#f5f5dc#fcfcf5#fcfcf5#46463e#46463e
CSS (RGB):rgb(245,245,220)#fdfdfa#fdfdfa#23231f#23231f
CSS (%RGB):rgb(96%,96%,86%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe beige

Umrandung mit HTML-Tag frame

In diesem Beispiel umranden wir <frame> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbe beige. In HTML geht dies nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  frame { 
    border-color:beige; 
    border-width:3px; 
    border-style:inset;
  }
//-->
</style>

Einzelheiten vom HTML-Befehl frame lesen Sie in der HTML Referenz unter <frame>.

Farbige Unterstreichung mit Befehl fieldset

In diesem Beispiel unterstreichen wir <fieldset> mit Hilfe eines gepunkteten Rahmens mit 2 Pixel Dicke in Farbe beige. Mit HTML ist das kaum machbar. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  fieldset { 
    border-bottom-color: beige; 
    border-bottom-style: dotted; 
    border-bottom-width: 2px;
  }
//-->
</style>

Die Idee ist hierbei, verschiedene Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sehen Sie dies bei Links. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine wirkliche Unterstreichung, der Text selbst ist nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema können Sie in Formulare in HTML nachlesen. Der hier genutzte HTML-Tag fieldset ist in der HTML Referenz bei <fieldset> beschrieben.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen