Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #e6e6fa und Farbwert #afeeee

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			Schriftfarbwert #afeeee
Detail	:	Hintergrund #e6e6fa	Detail	:	Schrift #afeeee
Farbwert	:	#e6e6fa	Farbwert	:	#afeeee
Farbe	:	lavender	Farbe	:	paleturquoise
HTML	:	#e6e6fa	HTML	:	#afeeee
HTML (Wert)	:	#e6e6fa	HTML (Wert)	:	#afeeee
CSS	:	#e6e6fa	CSS	:	#afeeee
CSS (Wert)	:	#e6e6fa	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#e6e6fa	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(230,230,250)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(90%,90%,98%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbwert #e6e6fa nach Schriftfarbwert #afeeee
#e6e6fa	#dee7f8	#d6e8f6	#cee9f4	#c6eaf3	#beebf1	#b6ecef	#afeeee
#e6e6fa	#dee7f8	#d6e8f6	#cee9f4	#c6eaf3	#beebf1	#b6ecef	#afeeee

Kombination von #e6e6fa und #afeeee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #e6e6fa ist #afeeee ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit der Farben #afeeee und #e6e6fa ergibt sich zu 95.01%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.99%.

Hintergrundfarbwert #e6e6fa				Schriftfarbwert #afeeee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa	#afeeee	#afeeee	#afeeee	#afeeee
#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6	#baf0f0	#baf0f0	#96cccc	#96cccc
#ededfb	#ededfb	#a4a4b2	#a4a4b2	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#f0f0fc	#f0f0fc	#83838e	#83838e	#d1f5f5	#d1f5f5	#648888	#648888
#f4f4fc	#f4f4fc	#62626b	#62626b	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#f7f7fd	#f7f7fd	#414147	#414147	#e8fafa	#e8fafa	#324444	#324444
#fbfbfe	#fbfbfe	#202023	#202023	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #e6e6fa und Farbwert #afeeee

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag div

Mit Tag <div> erzeugen Sie einen Kontainer. Diesen kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #e6e6fa auf Farbwert #afeeee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <div> in Farbwert #e6e6fa vor.

In diesem Beispiel ändern wir die Hintergrundfarbe von <div> auf Farbwert #e6e6fa. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf sans-serif und verkleinern die Größe der Schrift auf 90%.

<style type="text/css"><!--
  div { 
    background-color:#e6e6fa; 
    font-size:90%; 
    font-family:sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #afeeee geändert wird.

<style type="text/css"><!--
  div: hover { 
    background-color: #afeeee;
  }
//-->
</style>

Der HTML-Befehl div ist in der HTML Referenz unter <div> ausführlich zusammengestellt.