Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #e6e6fa

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.

Hintergrundfarbwert #e6e6fa

DetailHintergrundfarbwert #e6e6fa Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#e6e6fa#e6e6fa#e6e6fa#e6e6fa#e6e6fa
Farbe :lavender#e9e9fa#e9e9fa#c5c5d6#c5c5d6
HTML:#e6e6fa#ededfb#ededfb#a4a4b2#a4a4b2
CSS:#e6e6fa#f0f0fc#f0f0fc#83838e#83838e
CSS (Wert):#e6e6fa#f4f4fc#f4f4fc#62626b#62626b
CSS (kürzest):#e6e6fa#f7f7fd#f7f7fd#414147#414147
CSS (RGB):rgb(230,230,250)#fbfbfe#fbfbfe#202023#202023
CSS (%RGB):rgb(90%,90%,98%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #e6e6fa

Umrandung bei HTML-Tag strong

In diesem Beispiel umranden wir <strong> mit einem 4 Pixel dicken, doppelten Rahmen in Farbwert #e6e6fa. Dies ist mit HTML nicht möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  strong { border:4px double #e6e6fa; }
//-->
</style>

Mehr zum Thema strong können Sie in Text in HTML lesen. Einzelheiten vom hier verwendeten Tag strong sind in der HTML Referenz bei <strong> beschrieben.

Änderung der Hintergrundfarbe bei Hover mit HTML-Tag dt

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <dt> so ein, dass sich bei Mausberührung die Hintergrundfarbe auf Farbwert #e6e6fa ändert.
<style type="text/css"><!--
  dt:hover { 
    background-color:#e6e6fa;
  }
//-->
</style>

Mehr zum Thema dt können Sie in Listen und Glossare in HTML nachlesen. Weiteres zum hier genutzten HTML-Tag <dt>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen