Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe rosybrown

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 rosybrown

DetailHintergrundfarbe rosybrown Verlauf nach WeißVerlauf nach Schwarz
Farbe :rosybrown#bc8f8f#bc8f8f#bc8f8f#bc8f8f
Farbwert :#bc8f8f#c59f9f#c59f9f#a17a7a#a17a7a
HTML:rosybrown#cfafaf#cfafaf#866666#866666
CSS:rosybrown#d8bfbf#d8bfbf#6b5151#6b5151
CSS (Wert):#bc8f8f#e2cfcf#e2cfcf#503d3d#503d3d
CSS (kürzest):#bc8f8f#ebdfdf#ebdfdf#352828#352828
CSS (RGB):rgb(188,143,143)#f5efef#f5efef#1a1414#1a1414
CSS (%RGB):rgb(73%,56%,56%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe rosybrown

Umrandung von HTML-Tag blockquote

In diesem Beispiel umranden wir <blockquote> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbe rosybrown. Dies geht mit HTML kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  blockquote { border:1px outset rosybrown; }
//-->
</style>

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML erfahren. Die Beschreibung vom HTML-Tag blockquote finden Sie in der HTML Referenz unter <blockquote>.

Änderung der Textfarbe bei Befehl button

Als Beispiel ändern wir die Textfarbe von <button> auf Farbe rosybrown. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf verdana.

<button style="color:rosybrown; font-family:verdana;">
Dieser button-Text nutzt Farbe rosybrown
</button>

Mehr zum Thema button können Sie in Formulare in HTML lesen. Zur Beschreibung vom hier verwendeten HTML-Befehl <button>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen