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

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 royalblue

DetailHintergrund rosybrown DetailSchrift royalblue 
Farbe :rosybrownFarbe :royalblue
Farbwert :#bc8f8fFarbwert :#4169e1
HTML:rosybrownHTML:royalblue
HTML (Wert):#bc8f8fHTML (Wert):#4169e1
CSS:rosybrownCSS:royalblue
CSS (Wert):#bc8f8fCSS (Wert):#4169e1
CSS (kürzest):#bc8f8fCSS (kürzest):#4169e1
CSS (RGB):rgb(188,143,143)CSS (RGB):rgb(65,105,225)
CSS (%RGB):rgb(73%,56%,56%)CSS (%RGB):rgb(25%,41%,88%)

Verlauf Hintergrundfarbe rosybrown nach Schriftfarbe royalblue

#bc8f8f#aa899a#9884a6#877eb2#7579bd#6473c9#526ed5#4169e1
#bc8f8f#aa899a#9884a6#877eb2#7579bd#6473c9#526ed5#4169e1

Kombination von rosybrown und royalblue

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

Die Ähnlichkeit der Farben royalblue und rosybrown ergibt sich zu 91.80%. Die Lesbarkeit dieser Kombination ergibt sich zu 8.20%.

royalblue eignet sich nicht als Schriftfarbe auf Hintergrund rosybrown, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe rosybrown

Schriftfarbe royalblue

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#bc8f8f#bc8f8f#bc8f8f#bc8f8f#4169e1#4169e1#4169e1#4169e1
#c59f9f#c59f9f#a17a7a#a17a7a#5c7ee5#5c7ee5#375ac0#375ac0
#cfafaf#cfafaf#866666#866666#7793e9#7793e9#2e4ba0#2e4ba0
#d8bfbf#d8bfbf#6b5151#6b5151#92a9ed#92a9ed#253c80#253c80
#e2cfcf#e2cfcf#503d3d#503d3d#adbef2#adbef2#1b2d60#1b2d60
#ebdfdf#ebdfdf#352828#352828#c8d4f6#c8d4f6#121e40#121e40
#f5efef#f5efef#1a1414#1a1414#e3e9fa#e3e9fa#090f20#090f20
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe rosybrown und Farbe royalblue

Hintergrund/Text-Kombination mit HTML-Tag li

Hier ändern wir die Textfarbe von <li> auf Farbe royalblue und die Hintergrundfarbe von <li> auf Farbe rosybrown. Als Schriftart wählen wir sans-serif und als Schriftgröße entscheiden wir uns für 84%.

<style type="text/css"><!--
  li { 
    color:royalblue; 
    font-family:sans-serif; 
    background-color:rosybrown; 
    font-size:84%;
  }
//-->
</style>

Weiteres zu li lesen Sie in Listen und Glossare in HTML. Zur Beschreibung vom hier verwendeten Befehl <li>.

Wechsel der Textfarbe bei Hover von HTML-Tag tbody

Die Textfarbe soll sich von Farbe rosybrown auf Farbe royalblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <tbody> in Farbe rosybrown vor.

Wir setzen für dieses Beispiel bei <tbody> die Textfarbe auf Farbe rosybrown. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  tbody { 
    color: rosybrown; 
    font-family: courier new;
  }
//-->
</style>
Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu royalblue ändert.
<style type="text/css"><!--
  tbody:hover { 
    color:royalblue;
  }
//-->
</style>

Mehr zum Thema können Sie in Tabellen in HTML erfahren. Mehr zum HTML-Tag tbody ist in der HTML Referenz unter <tbody> ausführlich beschrieben.

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