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

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			Schriftfarbe darkcyan
Detail	:	Hintergrund #e6e6fa	Detail	:	Schrift darkcyan
Farbwert	:	#e6e6fa	Farbe	:	darkcyan
Farbe	:	lavender	Farbwert	:	#008b8b
HTML	:	#e6e6fa	HTML	:	darkcyan
HTML (Wert)	:	#e6e6fa	HTML (Wert)	:	#008b8b
CSS	:	#e6e6fa	CSS	:	darkcyan
CSS (Wert)	:	#e6e6fa	CSS (Wert)	:	#008b8b
CSS (kürzest)	:	#e6e6fa	CSS (kürzest)	:	#008b8b
CSS (RGB)	:	rgb(230,230,250)	CSS (RGB)	:	rgb(0,139,139)
CSS (%RGB)	:	rgb(90%,90%,98%)	CSS (%RGB)	:	rgb(0%,54%,54%)

Verlauf Hintergrundfarbwert #e6e6fa nach Schriftfarbe darkcyan
#e6e6fa	#c5d9ea	#a4ccda	#83bfca	#62b2ba	#41a5aa	#20989a	#008b8b
#e6e6fa	#c5d9ea	#a4ccda	#83bfca	#62b2ba	#41a5aa	#20989a	#008b8b

Kombination von #e6e6fa und darkcyan
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #e6e6fa ist darkcyan ungeeignet, da die Farben zu ähnlich sind. Die Ähnlichkeit der Farben darkcyan und #e6e6fa ergibt sich zu 83.96%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 16.04%.

Hintergrundfarbwert #e6e6fa				Schriftfarbe darkcyan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa	#008b8b	#008b8b	#008b8b	#008b8b
#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6	#249b9b	#249b9b	#007777	#007777
#ededfb	#ededfb	#a4a4b2	#a4a4b2	#48acac	#48acac	#006363	#006363
#f0f0fc	#f0f0fc	#83838e	#83838e	#6dbcbc	#6dbcbc	#004f4f	#004f4f
#f4f4fc	#f4f4fc	#62626b	#62626b	#91cdcd	#91cdcd	#003b3b	#003b3b
#f7f7fd	#f7f7fd	#414147	#414147	#b6dddd	#b6dddd	#002727	#002727
#fbfbfe	#fbfbfe	#202023	#202023	#daeeee	#daeeee	#001313	#001313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e6e6fa und Farbe darkcyan

Füllen und Umranden bei Tag a

Einen Link setzt man mit Befehl <a>. Dieser kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel umranden wir <a> mit einem gefurchten, 1 Punkte dicken Rahmen in Farbe darkcyan . Die Hintergrundfarbe für <a> setzen wir entsprechend auf Farbwert #e6e6fa. Mit HTML geht das kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { border:1pt groove darkcyan; background-color:#e6e6fa; }
//-->
</style>

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Der HTML-Befehl a ist in der HTML Referenz bei <a> genau gezeigt.

Wechsel der Umrandung bei Hover von Befehl form

Die Rahmenfarbe soll sich von Farbwert #e6e6fa auf Farbe darkcyan ändern, wenn man mit der Maus auf <form> zeigt. Bereiten wir zunächst eine Formatierung von <form> in Farbwert #e6e6fa vor.

In diesem Beispiel umranden wir <form> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbwert #e6e6fa.

<style type="text/css"><!--
  form { 
    border-width:1px; 
    border-style:outset; 
    border-color:#e6e6fa;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf darkcyan gesetzt wird.

<style type="text/css"><!--
  form:hover { 
    border-color:darkcyan;
  }
//-->
</style>

Mehr zum Thema form können Sie in Formulare in HTML nachlesen. Mehr zum hier verwendeten HTML-Tag <form>.