Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lavender 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.

Hintergrundfarbe lavender			Schriftfarbwert #e0ffff
Detail	:	Hintergrund lavender	Detail	:	Schrift #e0ffff
Farbe	:	lavender	Farbwert	:	#e0ffff
Farbwert	:	#e6e6fa	Farbe	:	lightcyan
HTML	:	lavender	HTML	:	#e0ffff
HTML (Wert)	:	#e6e6fa	HTML (Wert)	:	#e0ffff
CSS	:	lavender	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 Hintergrundfarbe lavender nach Schriftfarbwert #e0ffff
#e6e6fa	#e5e9fa	#e4edfb	#e3f0fc	#e2f4fc	#e1f7fd	#e0fbfe	#e0ffff
#e6e6fa	#e5e9fa	#e4edfb	#e3f0fc	#e2f4fc	#e1f7fd	#e0fbfe	#e0ffff

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

Hintergrundfarbe lavender				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 Farbe lavender und Farbwert #e0ffff

Füllen und Umranden bei Tag p

Für dieses Beispiel umranden wir <p> mit einem 1 Punkte dicken, gepunkteten Rahmen in Farbwert #e0ffff . Die Hintergrundfarbe für <p> färben wir mit Farbe lavender. Dies ist in HTML kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  p { border:1pt dotted #e0ffff; background-color:lavender; }
//-->
</style>

Mehr zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des Befehl p sind in der HTML Referenz bei <p> ausführlich zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover von Tag dfn

Die Hintergrundfarbe soll sich von Farbe lavender auf Farbwert #e0ffff ändern, wenn man mit der Maus auf <dfn> zeigt. Wir bereiten zunächst die Formatierung von <dfn> in Farbe lavender vor.

Hier legen wir bei <dfn> die Hintergrundfarbe auf Farbe lavender fest:

<style type="text/css"><!--
  dfn { 
    background-color:lavender;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #e0ffff gesetzt wird.

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

Mehr zum Thema dfn erfahren Sie in Text in HTML. Der hier gezeigte Befehl dfn ist in der HTML Referenz bei <dfn> zusammengestellt.