Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkorchid und Farbe navajowhite

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 darkorchid

Schriftfarbe navajowhite

DetailHintergrund darkorchid DetailSchrift navajowhite 
Farbe :darkorchidFarbe :navajowhite
Farbwert :#9932ccFarbwert :#ffdead
HTML:darkorchidHTML:navajowhite
HTML (Wert):#9932ccHTML (Wert):#ffdead
CSS:darkorchidCSS:navajowhite
CSS (Wert):#9932ccCSS (Wert):#ffdead
CSS (kürzest):#9932ccCSS (kürzest):#ffdead
CSS (RGB):rgb(153,50,204)CSS (RGB):rgb(255,222,173)
CSS (%RGB):rgb(60%,19%,80%)CSS (%RGB):rgb(100%,87%,67%)

Verlauf Hintergrundfarbe darkorchid nach Schriftfarbe navajowhite

#9932cc#a74ac7#b663c3#c47bbe#d394ba#e1acb5#f0c5b1#ffdead
#9932cc#a74ac7#b663c3#c47bbe#d394ba#e1acb5#f0c5b1#ffdead

Kombination von darkorchid und navajowhite

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

Die Ähnlichkeit der Farben navajowhite und darkorchid beträgt 78.92%. Die Lesbarkeit dieser Kombination liegt damit bei 21.08%.

navajowhite eignet sich nicht als Schriftfarbe auf Hintergrund darkorchid. Zwar ist der Helligkeitsunterschied gut, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbe darkorchid

Schriftfarbe navajowhite

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#9932cc#9932cc#9932cc#9932cc#ffdead#ffdead#ffdead#ffdead
#a74fd3#a74fd3#832aae#832aae#ffe2b8#ffe2b8#dabe94#dabe94
#b66cda#b66cda#6d2391#6d2391#ffe7c4#ffe7c4#b69e7b#b69e7b
#c489e1#c489e1#571c74#571c74#ffecd0#ffecd0#917e62#917e62
#d3a7e9#d3a7e9#411557#411557#fff0db#fff0db#6d5f4a#6d5f4a
#e1c4f0#e1c4f0#2b0e3a#2b0e3a#fff5e7#fff5e7#483f31#483f31
#f0e1f7#f0e1f7#15071d#15071d#fffaf3#fffaf3#241f18#241f18
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe darkorchid und Farbe navajowhite

Text- und Unterstreichungsfarben bei HTML-Tag address

Bei diesem Beispiel ändern wir die Textfarbe von <address> auf Farbe navajowhite und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial und verringern die Schriftgröße auf 93%. Wir unterstreichen den Inhalt von <address> mit Hilfe eines gefurchten Rahmens mit 3 Pixel Dicke in Farbe darkorchid. Das geht in HTML nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  address { 
    font-family:arial; 
    border-bottom:3px groove darkorchid; 
    font-size:93%; 
    color:navajowhite;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML erfahren. Mehr zum Befehl <address>.

Wechsel der Umrandung bei Hover mit Befehl pre

Die Rahmenfarbe soll sich von Farbe darkorchid auf Farbe navajowhite ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <pre> in Farbe darkorchid vor.

In diesem Beispiel umranden wir <pre> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbe darkorchid.

<style type="text/css"><!--
  pre { border:5px dashed darkorchid; }
//-->
</style>
Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe zu navajowhite ändert.
<style type="text/css"><!--
  pre:hover { 
    border-color:navajowhite;
  }
//-->
</style>

Weiteres zu pre können Sie in Blockorientierte Elemente in HTML lesen. Der Tag pre ist in der HTML Referenz unter <pre> ausführlich gezeigt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen