Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #c0c0c0 und Farbe midnightblue

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, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #c0c0c0

Schriftfarbe midnightblue

DetailHintergrund #c0c0c0 DetailSchrift midnightblue 
Farbwert :#c0c0c0Farbe :midnightblue
Farbe :silverFarbwert :#191970
HTML:#c0c0c0HTML:midnightblue
HTML (Wert):#c0c0c0HTML (Wert):#191970
CSS:#c0c0c0CSS:midnightblue
CSS (Wert):#c0c0c0CSS (Wert):#191970
CSS (kürzest):#c0c0c0CSS (kürzest):#191970
CSS (RGB):rgb(192,192,192)CSS (RGB):rgb(25,25,112)
CSS (%RGB):rgb(75%,75%,75%)CSS (%RGB):rgb(9%,9%,43%)

Verlauf Hintergrundfarbwert #c0c0c0 nach Schriftfarbe midnightblue

#c0c0c0#a8a8b4#9090a9#78789d#606092#484886#30307b#191970
#c0c0c0#a8a8b4#9090a9#78789d#606092#484886#30307b#191970

Kombination von #c0c0c0 und midnightblue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.

Die Ähnlichkeit der Farben midnightblue und #c0c0c0 beträgt 61.14%. Die Lesbarkeit dieser Kombination ergibt sich zu 38.86%.

midnightblue ist nicht als Schriftfarbe auf Hintergrund #c0c0c0 geeignet, da der Unterschied in den Farben zu gering ist

Hintergrundfarbwert #c0c0c0

Schriftfarbe midnightblue

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#c0c0c0#c0c0c0#c0c0c0#c0c0c0#191970#191970#191970#191970
#c9c9c9#c9c9c9#a4a4a4#a4a4a4#393984#393984#151560#151560
#d2d2d2#d2d2d2#898989#898989#5a5a98#5a5a98#111150#111150
#dbdbdb#dbdbdb#6d6d6d#6d6d6d#7b7bad#7b7bad#0e0e40#0e0e40
#e4e4e4#e4e4e4#525252#525252#9c9cc1#9c9cc1#0a0a30#0a0a30
#ededed#ededed#363636#363636#bdbdd6#bdbdd6#070720#070720
#f6f6f6#f6f6f6#1b1b1b#1b1b1b#dedeea#dedeea#030310#030310
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbwert #c0c0c0 und Farbe midnightblue

Zebra-Effekt bei Tag tr

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit den Hintergrundfarben Farbwert #c0c0c0 und Farbe midnightblue.

<style type="text/css"><!--
  tr.ying { 
    background-color:#c0c0c0;
  }
  tr.yang { 
    background-color:midnightblue;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr class="ying"><td>S1.1</td><td>S2.1</td><td>S3.1</td></tr>
<tr class="yang"><td>S1.2</td><td>S2.2</td><td>S3.2</td></tr>
<tr class="ying"><td>S1.3</td><td>S2.3</td><td>S3.3</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML lesen. Einzelheiten des hier genutzten HTML-Befehl <tr>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen