Ressourcen: 120 HTML Farbnamen - Kombination von Farbe rosybrown und Farbe firebrick

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

Schriftfarbe firebrick

DetailHintergrund rosybrown DetailSchrift firebrick 
Farbe :rosybrownFarbe :firebrick
Farbwert :#bc8f8fFarbwert :#b22222
HTML:rosybrownHTML:firebrick
HTML (Wert):#bc8f8fHTML (Wert):#b22222
CSS:rosybrownCSS:firebrick
CSS (Wert):#bc8f8fCSS (Wert):#b22222
CSS (kürzest):#bc8f8fCSS (kürzest):#b22222
CSS (RGB):rgb(188,143,143)CSS (RGB):rgb(178,34,34)
CSS (%RGB):rgb(73%,56%,56%)CSS (%RGB):rgb(69%,13%,13%)

Verlauf Hintergrundfarbe rosybrown nach Schriftfarbe firebrick

#bc8f8f#ba7f7f#b96f6f#b76060#b65050#b44141#b33131#b22222
#bc8f8f#ba7f7f#b96f6f#b76060#b65050#b44141#b33131#b22222

Kombination von rosybrown und firebrick

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.

Die Ähnlichkeit der Farben firebrick und rosybrown beträgt 88.70%. Die Lesbarkeit dieser Kombination bewerte ich mit 11.30%.

firebrick ist nicht als Schriftfarbe auf Hintergrund rosybrown geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbe rosybrown

Schriftfarbe firebrick

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#bc8f8f#bc8f8f#bc8f8f#bc8f8f#b22222#b22222#b22222#b22222
#c59f9f#c59f9f#a17a7a#a17a7a#bd4141#bd4141#981d1d#981d1d
#cfafaf#cfafaf#866666#866666#c86161#c86161#7f1818#7f1818
#d8bfbf#d8bfbf#6b5151#6b5151#d38080#d38080#651313#651313
#e2cfcf#e2cfcf#503d3d#503d3d#dea0a0#dea0a0#4c0e0e#4c0e0e
#ebdfdf#ebdfdf#352828#352828#e9bfbf#e9bfbf#320909#320909
#f5efef#f5efef#1a1414#1a1414#f4dfdf#f4dfdf#190404#190404
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe rosybrown und Farbe firebrick

Füllen und Umranden bei Tag pre

Bei diesem Beispiel umranden wir <pre> mit einem . Die Hintergrundfarbe für <pre> setzen wir auf Farbe rosybrown. Das geht mit HTML kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  pre { 
    border-style:double; 
    background-color:rosybrown; 
    border-width:5px; 
    border-color:firebrick;
  }
//-->
</style>

Weiteres zu pre finden Sie in Blockorientierte Elemente in HTML. Möglichkeiten vom hier gezeigten HTML-Tag pre sind in der HTML Referenz unter <pre> ausführlich beschrieben.

Hintergrund/Text-Kombination mit Tag ins

Für dieses Beispiel ändern wir die Textfarbe von <ins> auf Farbe firebrick und die Hintergrundfarbe von <ins> auf Farbe rosybrown. Als Schriftart setzen wir sans-serif und als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  ins { 
    color: firebrick; 
    font-family: sans-serif; 
    background-color: rosybrown; 
    font-size: 13px;
  }
//-->
</style>

Möglichkeiten des Befehl ins erfahren Sie in der HTML Referenz unter <ins>.

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