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

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 #f0fff0
Detail	:	Hintergrund #e6e6fa	Detail	:	Schrift #f0fff0
Farbwert	:	#e6e6fa	Farbwert	:	#f0fff0
Farbe	:	lavender	Farbe	:	honeydew
HTML	:	#e6e6fa	HTML	:	#f0fff0
HTML (Wert)	:	#e6e6fa	HTML (Wert)	:	#f0fff0
CSS	:	#e6e6fa	CSS	:	#f0fff0
CSS (Wert)	:	#e6e6fa	CSS (Wert)	:	#f0fff0
CSS (kürzest)	:	#e6e6fa	CSS (kürzest)	:	#f0fff0
CSS (RGB)	:	rgb(230,230,250)	CSS (RGB)	:	rgb(240,255,240)
CSS (%RGB)	:	rgb(90%,90%,98%)	CSS (%RGB)	:	rgb(94%,100%,94%)

Verlauf Hintergrundfarbwert #e6e6fa nach Schriftfarbwert #f0fff0
#e6e6fa	#e7e9f8	#e8edf7	#eaf0f5	#ebf4f4	#edf7f2	#eefbf1	#f0fff0
#e6e6fa	#e7e9f8	#e8edf7	#eaf0f5	#ebf4f4	#edf7f2	#eefbf1	#f0fff0

Kombination von #e6e6fa und #f0fff0
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #f0fff0 und #e6e6fa beträgt 94.34%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.66%. #f0fff0 eignet sich nicht als Schriftfarbe auf Hintergrund #e6e6fa. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #e6e6fa				Schriftfarbwert #f0fff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa	#f0fff0	#f0fff0	#f0fff0	#f0fff0
#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6	#f2fff2	#f2fff2	#cddacd	#cddacd
#ededfb	#ededfb	#a4a4b2	#a4a4b2	#f4fff4	#f4fff4	#abb6ab	#abb6ab
#f0f0fc	#f0f0fc	#83838e	#83838e	#f6fff6	#f6fff6	#899189	#899189
#f4f4fc	#f4f4fc	#62626b	#62626b	#f8fff8	#f8fff8	#666d66	#666d66
#f7f7fd	#f7f7fd	#414147	#414147	#fafffa	#fafffa	#444844	#444844
#fbfbfe	#fbfbfe	#202023	#202023	#fcfffc	#fcfffc	#222422	#222422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e6e6fa und Farbwert #f0fff0

Text- und Unterstreichungsfarben von HTML-Befehl code

Hier ändern wir die Textfarbe von <code> auf Farbwert #f0fff0. Die Schriftart setzen wir auf arial. Die Schriftgröße verringern wir auf 83%. Wir unterstreichen den Inhalt von <code> mit Hilfe eines gepunkteten Rahmens mit 2 Punkte Dicke in Farbwert #e6e6fa. Das geht mit HTML kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  code { 
    color:#f0fff0; 
    border-bottom-color:#e6e6fa; 
    font-family:arial; 
    border-bottom-width:2pt; 
    font-size:83%; 
    border-bottom-style:dotted;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema können Sie in Text in HTML nachlesen. Möglichkeiten des hier verwendeten Tag <code>.

Wechsel der Hintergrundfarbe bei Hover von Befehl col

Die Hintergrundfarbe soll sich von Farbwert #e6e6fa auf Farbwert #f0fff0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <col> in Farbwert #e6e6fa vor.

Z.B. legen wir Farbwert #e6e6fa als Hintergrundfarbe von <col> fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf courier new. Die Größe der Schrift setzen wir auf 128%:

<style type="text/css"><!--
  col { 
    background-color: #e6e6fa; 
    font-family: courier new; 
    font-size: 128%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #f0fff0 ändert.

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

Weiteres zu col erfahren Sie in Tabellen in HTML. Möglichkeiten des Befehl <col>.