Ressourcen: 120 HTML Farbnamen - Kombination von Farbe greenyellow und Farbwert #ffefd5

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 greenyellow

Schriftfarbwert #ffefd5

DetailHintergrund greenyellow DetailSchrift #ffefd5 
Farbe :greenyellowFarbwert :#ffefd5
Farbwert :#adff2fFarbe :papayawhip
HTML:greenyellowHTML:#ffefd5
HTML (Wert):#adff2fHTML (Wert):#ffefd5
CSS:greenyellowCSS:#ffefd5
CSS (Wert):#adff2fCSS (Wert):#ffefd5
CSS (kürzest):#adff2fCSS (kürzest):#ffefd5
CSS (RGB):rgb(173,255,47)CSS (RGB):rgb(255,239,213)
CSS (%RGB):rgb(67%,100%,18%)CSS (%RGB):rgb(100%,93%,83%)

Verlauf Hintergrundfarbe greenyellow nach Schriftfarbwert #ffefd5

#adff2f#b8fc46#c4fa5e#d0f876#dbf58d#e7f3a5#f3f1bd#ffefd5
#adff2f#b8fc46#c4fa5e#d0f876#dbf58d#e7f3a5#f3f1bd#ffefd5

Kombination von greenyellow und #ffefd5

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

Die Ähnlichkeit der Farben #ffefd5 und greenyellow beträgt 94.84%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.16%.

#ffefd5 ist nicht als Schriftfarbe auf Hintergrund greenyellow geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe greenyellow

Schriftfarbwert #ffefd5

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#adff2f#adff2f#adff2f#adff2f#ffefd5#ffefd5#ffefd5#ffefd5
#b8ff4c#b8ff4c#94da28#94da28#fff1db#fff1db#daccb6#daccb6
#c4ff6a#c4ff6a#7bb621#7bb621#fff3e1#fff3e1#b6aa98#b6aa98
#d0ff88#d0ff88#62911a#62911a#fff5e7#fff5e7#918879#918879
#dbffa5#dbffa5#4a6d14#4a6d14#fff8ed#fff8ed#6d665b#6d665b
#e7ffc3#e7ffc3#31480d#31480d#fffaf3#fffaf3#48443c#48443c
#f3ffe1#f3ffe1#182406#182406#fffcf9#fffcf9#24221e#24221e
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe greenyellow und Farbwert #ffefd5

Zebra-Effekt von Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom so genannten Zebra-Effekt. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbe greenyellow und Farbwert #ffefd5.

<style type="text/css"><!--
  tr.even { 
    background-color:greenyellow;
  }
  tr.odd { 
    background-color: #ffefd5;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr class="even"><td><tt>a:a</td><td></tt>b:a</td><td><tt>c:a</td></tr>
<tr class="odd"><td></tt>a:b</td><td><tt>b:b</td><td></tt>c:b</td></tr>
<tr class="even"><td><tt>a:c</td><td></tt>b:c</td><td>@c:c</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML nachlesen. Einzelheiten vom hier genutzten HTML-Befehl tr erfahren Sie in der HTML Referenz unter <tr>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen