Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #eee8aa und Farbwert #8a2be2

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 #eee8aa			Schriftfarbwert #8a2be2
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift #8a2be2
Farbwert	:	#eee8aa	Farbwert	:	#8a2be2
Farbe	:	palegoldenrod	Farbe	:	blueviolet
HTML	:	#eee8aa	HTML	:	#8a2be2
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#8a2be2
CSS	:	#eee8aa	CSS	:	#8a2be2
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#8a2be2
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#8a2be2
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(138,43,226)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(54%,16%,88%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbwert #8a2be2
#eee8aa	#dfcdb2	#d1b2ba	#c397c2	#b47cca	#a661d2	#9846da	#8a2be2
#eee8aa	#dfcdb2	#d1b2ba	#c397c2	#b47cca	#a661d2	#9846da	#8a2be2

Kombination von #eee8aa und #8a2be2
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#8a2be2 ist nicht als Schriftfarbe auf Hintergrund #eee8aa geeignet. Zwar ist der Helligkeitsunterschied gross genug, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit der Farben #8a2be2 und #eee8aa beträgt 77.36%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 22.64%.

Hintergrundfarbwert #eee8aa				Schriftfarbwert #8a2be2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#8a2be2	#8a2be2	#8a2be2	#8a2be2
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#9a49e6	#9a49e6	#7624c1	#7624c1
#f2eec2	#f2eec2	#aaa579	#aaa579	#ab67ea	#ab67ea	#621ea1	#621ea1
#f5f1ce	#f5f1ce	#888461	#888461	#bc85ee	#bc85ee	#4e1881	#4e1881
#f7f5da	#f7f5da	#666348	#666348	#cca4f2	#cca4f2	#3b1260	#3b1260
#faf8e6	#faf8e6	#444230	#444230	#ddc2f6	#ddc2f6	#270c40	#270c40
#fcfbf2	#fcfbf2	#222118	#222118	#eee0fa	#eee0fa	#130620	#130620
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbwert #8a2be2

Wechsel der Textfarbe bei Hover mit HTML-Befehl h3

Eine Überschrift der 3. Stufe wird mit HTML-Befehl <h3> gesetzt. Diese können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbwert #eee8aa auf Farbwert #8a2be2 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <h3> in Farbwert #eee8aa vor.

In diesem Beispiel legen wir Farbwert #eee8aa als Textfarbe von <h3> fest:

<style type="text/css"><!--
  h3 { 
    color:#eee8aa;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #8a2be2 ändert.

<style type="text/css"><!--
  h3:hover { 
    color:#8a2be2;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Weiteres zum HTML-Befehl <h3>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl dd

Die Hintergrundfarbe soll sich von Farbwert #eee8aa auf Farbwert #8a2be2 ändern, wenn man mit der Maus auf <dd> zeigt. Wir bereiten zunächst die Darstellung von <dd> in Farbwert #eee8aa vor.

Wir legen als Beispiel Farbwert #eee8aa als Hintergrundfarbe von <dd> fest. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  dd { 
    font-family:verdana; 
    background-color:#eee8aa;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #8a2be2 gesetzt wird.

<style type="text/css"><!--
  dd:hover { 
    background-color:#8a2be2;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Listen und Glossare in HTML. Weiteres zum hier gezeigten HTML-Befehl dd ist in der HTML Referenz bei <dd> gezeigt.