Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe saddlebrown

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 saddlebrown

DetailHintergrundfarbe saddlebrown Verlauf nach WeißVerlauf nach Schwarz
Farbe :saddlebrown#8b4513#8b4513#8b4513#8b4513
Farbwert :#8b4513#9b5f34#9b5f34#773b10#773b10
HTML:saddlebrown#ac7a56#ac7a56#63310d#63310d
CSS:saddlebrown#bc9478#bc9478#4f270a#4f270a
CSS (Wert):#8b4513#cdaf99#cdaf99#3b1d08#3b1d08
CSS (kürzest):#8b4513#ddc9bb#ddc9bb#271305#271305
CSS (RGB):rgb(139,69,19)#eee4dd#eee4dd#130902#130902
CSS (%RGB):rgb(54%,27%,7%)#ffffff#ffffff#000000#000000

Beispiel zur Kombination mit Farbe saddlebrown

Änderung der Hintergrundfarbe von HTML-Tag li

Z.B. legen wir die Hintergrundfarbe von <li> auf Farbe saddlebrown fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf arial. Die Schriftgröße ändern wir auf 9px:

<style type="text/css"><!--
  li { 
    background-color:saddlebrown; 
    font-family:arial; 
    font-size:9px;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Listen und Glossare in HTML. Mehr zum Tag <li>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen