Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lavender und Farbwert #7fffd4

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 lavender

Schriftfarbwert #7fffd4

DetailHintergrund lavender DetailSchrift #7fffd4 
Farbe :lavenderFarbwert :#7fffd4
Farbwert :#e6e6faFarbe :aquamarine
HTML:lavenderHTML:#7fffd4
HTML (Wert):#e6e6faHTML (Wert):#7fffd4
CSS:lavenderCSS:#7fffd4
CSS (Wert):#e6e6faCSS (Wert):#7fffd4
CSS (kürzest):#e6e6faCSS (kürzest):#7fffd4
CSS (RGB):rgb(230,230,250)CSS (RGB):rgb(127,255,212)
CSS (%RGB):rgb(90%,90%,98%)CSS (%RGB):rgb(49%,100%,83%)

Verlauf Hintergrundfarbe lavender nach Schriftfarbwert #7fffd4

#e6e6fa#d7e9f4#c8edef#b9f0e9#abf4e4#9cf7de#8dfbd9#7fffd4
#e6e6fa#d7e9f4#c8edef#b9f0e9#abf4e4#9cf7de#8dfbd9#7fffd4

Kombination von lavender und #7fffd4

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

#7fffd4 ist nicht als Schriftfarbe auf Hintergrund lavender geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Die Ähnlichkeit von #7fffd4 und lavender beträgt 95.21%. Die Lesbarkeit dieser Farbkombination liegt damit bei 4.79%.

Hintergrundfarbe lavender

Schriftfarbwert #7fffd4

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#e6e6fa#e6e6fa#e6e6fa#e6e6fa#7fffd4#7fffd4#7fffd4#7fffd4
#e9e9fa#e9e9fa#c5c5d6#c5c5d6#91ffda#91ffda#6cdab5#6cdab5
#ededfb#ededfb#a4a4b2#a4a4b2#a3ffe0#a3ffe0#5ab697#5ab697
#f0f0fc#f0f0fc#83838e#83838e#b5ffe6#b5ffe6#489179#489179
#f4f4fc#f4f4fc#62626b#62626b#c8ffec#c8ffec#366d5a#366d5a
#f7f7fd#f7f7fd#414147#414147#dafff2#dafff2#24483c#24483c
#fbfbfe#fbfbfe#202023#202023#ecfff8#ecfff8#12241e#12241e
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe lavender und Farbwert #7fffd4

Füllen und Umranden mit Tag textarea

Für dieses Beispiel umranden wir <textarea> mit einem . Den Hintergrund von <textarea> färben wir mit Farbe lavender. In HTML ist dies nicht machbar. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  textarea { 
    border-style:dotted; 
    border-color:#7fffd4; 
    background-color:lavender; 
    border-width:4px;
  }
//-->
</style>

Mehr zum Thema textarea lesen Sie in Formulare in HTML. Weiteres zum HTML-Tag textarea ist in der HTML Referenz unter <textarea> gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit Tag fieldset

Die Hintergrundfarbe soll sich von Farbe lavender auf Farbwert #7fffd4 ändern, wenn man mit der Maus auf <fieldset> zeigt. Bereiten wir zunächst die Darstellung von <fieldset> in Farbe lavender vor.

In diesem Beispiel legen wir bei <fieldset> die Hintergrundfarbe auf Farbe lavender fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf courier new.

<style type="text/css"><!--
  fieldset { 
    background-color:lavender; 
    font-family:courier new;
  }
//-->
</style>
Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #7fffd4 ändert.
<style type="text/css"><!--
  fieldset: hover { 
    background-color: #7fffd4;
  }
//-->
</style>

Weiteres zum Thema fieldset können Sie in Formulare in HTML erfahren. Weiteres zum HTML-Tag fieldset ist in der HTML Referenz unter <fieldset> genau zusammengestellt.

Tabelle der 120 HTML Farbnamen

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aliceblue #f0f8ff         +  aliceblue #f0f8ff aliceblue / lavender
antiquewhite #faebd7         +  antiquewhite #faebd7 antiquewhite / lavender
aquamarine #7fffd4         +  aquamarine #7fffd4 aquamarine / lavender
azure #f0ffff         +  azure #f0ffff azure / lavender
beige #f5f5dc         +  beige #f5f5dc beige / 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
gainsboro #dcdcdc         +  gainsboro #dcdcdc gainsboro / lavender
ghostwhite #f8f8ff         +  ghostwhite #f8f8ff ghostwhite / lavender
gold #ffd700         +  gold #ffd700 gold / lavender
goldenrod #daa520         +  goldenrod #daa520 goldenrod / 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
limegreen #32cd32         +  limegreen #32cd32 limegreen / lavender
linen #faf0e6         +  linen #faf0e6 linen / 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
oldlace #fdf5e6         +  oldlace #fdf5e6 oldlace / 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
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
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
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
whitesmoke #f5f5f5         +  whitesmoke #f5f5f5 whitesmoke / lavender
yellowgreen #9acd32         +  yellowgreen #9acd32 yellowgreen / lavender

Weitere Farbtabellen