Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #e6e6fa und Farbwert #808000

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #e6e6fa			Schriftfarbwert #808000
Detail	:	Hintergrund #e6e6fa	Detail	:	Schrift #808000
Farbwert	:	#e6e6fa	Farbwert	:	#808000
Farbe	:	lavender	Farbe	:	olive
HTML	:	#e6e6fa	HTML	:	#808000
HTML (Wert)	:	#e6e6fa	HTML (Wert)	:	#808000
CSS	:	#e6e6fa	CSS	:	#808000
CSS (Wert)	:	#e6e6fa	CSS (Wert)	:	#808000
CSS (kürzest)	:	#e6e6fa	CSS (kürzest)	:	#808000
CSS (RGB)	:	rgb(230,230,250)	CSS (RGB)	:	rgb(128,128,0)
CSS (%RGB)	:	rgb(90%,90%,98%)	CSS (%RGB)	:	rgb(50%,50%,0%)

Verlauf Hintergrundfarbwert #e6e6fa nach Schriftfarbwert #808000
#e6e6fa	#d7d7d6	#c8c8b2	#baba8e	#abab6b	#9d9d47	#8e8e23	#808000
#e6e6fa	#d7d7d6	#c8c8b2	#baba8e	#abab6b	#9d9d47	#8e8e23	#808000

Kombination von #e6e6fa und #808000
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#808000 eignet sich nicht als Schriftfarbe auf Hintergrund #e6e6fa, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #808000 und #e6e6fa beträgt 83.77%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 16.23%.

Hintergrundfarbwert #e6e6fa				Schriftfarbwert #808000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa	#808000	#808000	#808000	#808000
#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6	#929224	#929224	#6d6d00	#6d6d00
#ededfb	#ededfb	#a4a4b2	#a4a4b2	#a4a448	#a4a448	#5b5b00	#5b5b00
#f0f0fc	#f0f0fc	#83838e	#83838e	#b6b66d	#b6b66d	#494900	#494900
#f4f4fc	#f4f4fc	#62626b	#62626b	#c8c891	#c8c891	#363600	#363600
#f7f7fd	#f7f7fd	#414147	#414147	#dadab6	#dadab6	#242400	#242400
#fbfbfe	#fbfbfe	#202023	#202023	#ececda	#ececda	#121200	#121200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e6e6fa und Farbwert #808000

Wechsel der Umrandung bei Hover bei HTML-Tag dd

Die Rahmenfarbe soll sich von Farbwert #e6e6fa auf Farbwert #808000 ändern, wenn man mit der Maus auf <dd> zeigt. Wir bereiten zunächst eine Formatierung von <dd> in Farbwert #e6e6fa vor.

In diesem Beispiel umranden wir <dd> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #e6e6fa.

<style type="text/css"><!--
  dd { 
    border-color:#e6e6fa; 
    border-style:dotted; 
    border-width:4px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #808000 gesetzt wird.

<style type="text/css"><!--
  dd: hover { 
    border-color: #808000;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Listen und Glossare in HTML. Die Beschreibung vom HTML-Befehl dd erfahren Sie in der HTML Referenz unter <dd>.

Hintergrund/Text-Kombination mit HTML-Befehl var

Wir ändern in diesem Beispiel die Textfarbe von <var> auf Farbwert #808000 und die Hintergrundfarbe von <var> auf Farbwert #e6e6fa. Die Schriftart ändern wir auf arial. Als Schriftgröße wählen wir 89%.

<style type="text/css"><!--
  var { 
    color:#808000; 
    background-color:#e6e6fa; 
    font-family:arial; 
    font-size:89%;
  }
//-->
</style>

Weiteres zu var erfahren Sie in Text in HTML. Einzelheiten des Tag var sind in der HTML Referenz bei <var> ausführlich gezeigt.