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

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

Verlauf Hintergrundfarbwert #e6e6fa nach Schriftfarbwert #e0ffff
#e6e6fa	#e5e9fa	#e4edfb	#e3f0fc	#e2f4fc	#e1f7fd	#e0fbfe	#e0ffff
#e6e6fa	#e5e9fa	#e4edfb	#e3f0fc	#e2f4fc	#e1f7fd	#e0fbfe	#e0ffff

Kombination von #e6e6fa und #e0ffff
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #e0ffff und #e6e6fa ergibt sich zu 94.44%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.56%. #e0ffff eignet sich nicht als Schriftfarbe auf Hintergrund #e6e6fa, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #e6e6fa				Schriftfarbwert #e0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6	#e4ffff	#e4ffff	#c0dada	#c0dada
#ededfb	#ededfb	#a4a4b2	#a4a4b2	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#f0f0fc	#f0f0fc	#83838e	#83838e	#edffff	#edffff	#809191	#809191
#f4f4fc	#f4f4fc	#62626b	#62626b	#f1ffff	#f1ffff	#606d6d	#606d6d
#f7f7fd	#f7f7fd	#414147	#414147	#f6ffff	#f6ffff	#404848	#404848
#fbfbfe	#fbfbfe	#202023	#202023	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e6e6fa und Farbwert #e0ffff

Text- und Unterstreichungsfarben mit HTML-Befehl label

Für dieses Beispiel ändern wir die Textfarbe von <label> auf Farbwert #e0ffff und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf monospace. Die Schriftgröße setzen wir auf 9px. Wir unterstreichen den Inhalt von <label> mit Hilfe eines gefurchten Rahmens mit 5 Pixel Dicke in Farbwert #e6e6fa. Mit HTML ist das nicht möglich. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  label { 
    font-family: monospace; 
    color: #e0ffff; 
    border-bottom: 5px groove #e6e6fa; 
    font-size: 9px;
  }
//-->
</style>

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

Mehr zum Thema label können Sie in Formulare in HTML nachsehen. Zur Beschreibung vom Befehl <label>.

Wechsel der Hintergrundfarbe bei Hover von Tag dt

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

In diesem Beispiel legen wir die Hintergrundfarbe von <dt> auf Farbwert #e6e6fa fest. Die Schriftgröße ändern wir auf 13pt:

<style type="text/css"><!--
  dt { 
    font-size:13pt; 
    background-color:#e6e6fa;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #e0ffff geändert wird.

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

Mehr zum Thema dt können Sie in Listen und Glossare in HTML lesen. Der Befehl dt ist in der HTML Referenz bei <dt> zusammengestellt.