Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lavender und Farbe palegreen

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 lavender

Schriftfarbe palegreen

DetailHintergrund lavender DetailSchrift palegreen 
Farbe :lavenderFarbe :palegreen
Farbwert :#e6e6faFarbwert :#98fb98
HTML:lavenderHTML:palegreen
HTML (Wert):#e6e6faHTML (Wert):#98fb98
CSS:lavenderCSS:palegreen
CSS (Wert):#e6e6faCSS (Wert):#98fb98
CSS (kürzest):#e6e6faCSS (kürzest):#98fb98
CSS (RGB):rgb(230,230,250)CSS (RGB):rgb(152,251,152)
CSS (%RGB):rgb(90%,90%,98%)CSS (%RGB):rgb(59%,98%,59%)

Verlauf Hintergrundfarbe lavender nach Schriftfarbe palegreen

#e6e6fa#dae9ec#cfecde#c4efd0#b9f2c2#aef5b4#a3f8a6#98fb98
#e6e6fa#dae9ec#cfecde#c4efd0#b9f2c2#aef5b4#a3f8a6#98fb98

Kombination von lavender und palegreen

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

Die Ähnlichkeit der Farben palegreen und lavender beträgt 95.10%. Die Lesbarkeit dieser Kombination liegt damit bei 4.90%.

Auf Hintergrund lavender ist palegreen ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe lavender

Schriftfarbe palegreen

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#e6e6fa#e6e6fa#e6e6fa#e6e6fa#98fb98#98fb98#98fb98#98fb98
#e9e9fa#e9e9fa#c5c5d6#c5c5d6#a6fba6#a6fba6#82d782#82d782
#ededfb#ededfb#a4a4b2#a4a4b2#b5fcb5#b5fcb5#6cb36c#6cb36c
#f0f0fc#f0f0fc#83838e#83838e#c4fcc4#c4fcc4#568f56#568f56
#f4f4fc#f4f4fc#62626b#62626b#d2fdd2#d2fdd2#416b41#416b41
#f7f7fd#f7f7fd#414147#414147#e1fde1#e1fde1#2b472b#2b472b
#fbfbfe#fbfbfe#202023#202023#f0fef0#f0fef0#152315#152315
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe lavender und Farbe palegreen

Zebra-Effekt bei Befehl th

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit den Hintergrundfarben Farbe lavender und Farbe palegreen.

<style type="text/css"><!--
  th.odd { 
    background-color: lavender;
  }
  th.even { 
    background-color:palegreen;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="odd">Ha/a</td><td class="even">Hb/a</td><td class="odd">Hc/a</td></tr>
<tr><td class="odd">Ha/b</td><td class="even">Hb/b</td><td class="odd">Hc/b</td></tr>
<tr><td class="odd">Ha/c</td><td class="even">Hb/c</td><td class="odd">Hc/c</td></tr>
</table>

Weiteres zu th erfahren Sie in Tabellen in HTML. Die Beschreibung des Befehl th lesen Sie in der HTML Referenz unter <th>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen