Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbwert #f5deb3

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, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #f5deb3

DetailHintergrundfarbwert #f5deb3 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#f5deb3#f5deb3#f5deb3#f5deb3#f5deb3
Farbe :wheat#f6e2bd#f6e2bd#d2be99#d2be99
HTML:#f5deb3#f7e7c8#f7e7c8#af9e7f#af9e7f
CSS:#f5deb3#f9ecd3#f9ecd3#8c7e66#8c7e66
CSS (Wert):#f5deb3#faf0de#faf0de#695f4c#695f4c
CSS (kürzest):#f5deb3#fcf5e9#fcf5e9#463f33#463f33
CSS (RGB):rgb(245,222,179)#fdfaf4#fdfaf4#231f19#231f19
CSS (%RGB):rgb(96%,87%,70%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #f5deb3

Änderung der Hintergrundfarbe bei Hover von Befehl form

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

Dafür stellen wir <form> so ein, dass sich bei Mausberührung die Hintergrundfarbe auf Farbwert #f5deb3 ändert.
<style type="text/css"><!--
  form: hover { 
    background-color: #f5deb3;
  }
//-->
</style>

Mehr zum Thema können Sie in Formulare in HTML lesen. Mehr zum hier gezeigten Befehl <form>.

Umrandung mit HTML-Tag h5

Mit HTML-Tag <h5> wird eine Überschrift der 5. Stufe erzeugt. Diese kann farblich gestaltet werden.

In diesem Beispiel umranden wir <h5> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #f5deb3. Dies geht in HTML nicht. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  h5 { 
    border-style: double; 
    border-color: #f5deb3; 
    border-width: 1px;
  }
//-->
</style>

Weiteres zum Thema h5 lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier verwendeten Tag <h5>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen