Ressourcen: 137 HTML Farbnamen - Kombination von Farbe moccasin und Farbe blue

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.

Hintergrundfarbe moccasin

Schriftfarbe blue

DetailHintergrund moccasin DetailSchrift blue 
Farbe :moccasinFarbe :blue
Farbwert :#ffe4b5Farbwert :#0000ff
HTML:moccasinHTML:blue
HTML (Wert):#ffe4b5HTML (Wert):#0000ff
CSS:moccasinCSS:blue
CSS (Wert):#ffe4b5CSS (Wert):#0000ff
CSS (kürzest):#ffe4b5CSS (kürzest):#00f
CSS (RGB):rgb(255,228,181)CSS (RGB):rgb(0,0,255)
CSS (%RGB):rgb(100%,89%,70%)CSS (%RGB):rgb(0%,0%,100%)

Verlauf Hintergrundfarbe moccasin nach Schriftfarbe blue

#ffe4b5#dac3bf#b6a2ca#9182d4#6d61df#4841e9#2420f4#0000ff
#ffe4b5#dac3bf#b6a2ca#9182d4#6d61df#4841e9#2420f4#0000ff

Kombination von moccasin und blue

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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.

blue eignet sich als Schriftfarbe auf Hintergrund moccasin, da der Helligkeitsunterschied in Ordnung ist, der Unterschied in den Farben auch.

Die Ähnlichkeit von blue und moccasin beträgt 66.84%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 33.16%.

Hintergrundfarbe moccasin

Schriftfarbe blue

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ffe4b5#ffe4b5#ffe4b5#ffe4b5#0000ff#0000ff#0000ff#0000ff
#ffe7bf#ffe7bf#dac39b#dac39b#2424ff#2424ff#0000da#0000da
#ffebca#ffebca#b6a281#b6a281#4848ff#4848ff#0000b6#0000b6
#ffefd4#ffefd4#918267#918267#6d6dff#6d6dff#000091#000091
#fff3df#fff3df#6d614d#6d614d#9191ff#9191ff#00006d#00006d
#fff7e9#fff7e9#484133#484133#b6b6ff#b6b6ff#000048#000048
#fffbf4#fffbf4#242019#242019#dadaff#dadaff#000024#000024
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe moccasin und Farbe blue

Hintergrund/Text-Kombination von Befehl legend

Wir ändern hier die Textfarbe von <legend> auf Farbe blue und die Hintergrundfarbe von <legend> auf Farbe moccasin. Die Schriftart ändern wir auf verdana und als Schriftgröße entscheiden wir uns für 111%.

<style type="text/css"><!--
  legend { 
    font-family:verdana; 
    background-color:moccasin; 
    color:blue; 
    font-size:111%;
  }
//-->
</style>

Weiteres zu legend können Sie in Formulare in HTML lesen. Möglichkeiten vom HTML-Befehl legend finden Sie in der HTML Referenz unter <legend>.

Zebra-Effekt von Befehl tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit unterschiedlichen Hintergrundfarben Farbe moccasin und Farbe blue.

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

Diese werden abwechselnd verwendet.

<table>
<tr class="ying"><td>XA,A</td><td>XB,A</td><td>XC,A</td></tr>
<tr class="yang"><td>XA,B</td><td>XB,B</td><td>XC,B</td></tr>
<tr class="ying"><td>XA,C</td><td>XB,C</td><td>XC,C</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML lesen. Möglichkeiten des Befehl tr sind in der HTML Referenz bei <tr> zusammengestellt.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen