Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe mediumorchid

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 mediumorchid

DetailHintergrundfarbe mediumorchid Verlauf nach WeißVerlauf nach Schwarz
Farbe :mediumorchid#ba55d3#ba55d3#ba55d3#ba55d3
Farbwert :#ba55d3#c36dd9#c36dd9#9f48b4#9f48b4
HTML:mediumorchid#cd85df#cd85df#843c96#843c96
CSS:mediumorchid#d79de5#d79de5#6a3078#6a3078
CSS (Wert):#ba55d3#e1b6ec#e1b6ec#4f245a#4f245a
CSS (kürzest):#ba55d3#ebcef2#ebcef2#35183c#35183c
CSS (RGB):rgb(186,85,211)#f5e6f8#f5e6f8#1a0c1e#1a0c1e
CSS (%RGB):rgb(72%,33%,82%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe mediumorchid

Änderung der Textfarbe bei Hover mit Befehl h5

Mit Befehl <h5> setzen Sie eine Überschrift. Diese können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <h5> vor.

<style type="text/css"><!--
  h5 { 
    font-size:122%; 
    color:#6f044e; 
    font-family:verdana;
  }
//-->
</style>
Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbe mediumorchid gesetzt wird.
<style type="text/css"><!--
  h5: hover { 
    color: mediumorchid;
  }
//-->
</style>

Weiteres zu h5 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Beschreibung vom Tag <h5>.

Änderung der Textfarbe mit HTML-Tag fieldset

Als Beispiel legen wir Farbe mediumorchid als Textfarbe von <fieldset> fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  fieldset { 
    font-family: courier new; 
    color: mediumorchid;
  }
//-->
</style>

Mehr zum Thema finden Sie in Formulare in HTML. Einzelheiten vom HTML-Tag fieldset lesen Sie in der HTML Referenz unter <fieldset>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen