Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgoldenrod und Farbwert #eee8aa

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 darkgoldenrod			Schriftfarbwert #eee8aa
Detail	:	Hintergrund darkgoldenrod	Detail	:	Schrift #eee8aa
Farbe	:	darkgoldenrod	Farbwert	:	#eee8aa
Farbwert	:	#b8860b	Farbe	:	palegoldenrod
HTML	:	darkgoldenrod	HTML	:	#eee8aa
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#eee8aa
CSS	:	darkgoldenrod	CSS	:	#eee8aa
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbe darkgoldenrod nach Schriftfarbwert #eee8aa
#b8860b	#bf9421	#c7a238	#cfb04f	#d6be65	#decc7c	#e6da93	#eee8aa
#b8860b	#bf9421	#c7a238	#cfb04f	#d6be65	#decc7c	#e6da93	#eee8aa

Kombination von darkgoldenrod und #eee8aa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #eee8aa und darkgoldenrod beträgt 87.63%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 12.37%. #eee8aa ist nicht als Schriftfarbe auf Hintergrund darkgoldenrod geeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe darkgoldenrod				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#c2972d	#c2972d	#9d7209	#9d7209	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#cca850	#cca850	#835f07	#835f07	#f2eec2	#f2eec2	#aaa579	#aaa579
#d6b973	#d6b973	#694c06	#694c06	#f5f1ce	#f5f1ce	#888461	#888461
#e0cb96	#e0cb96	#4e3904	#4e3904	#f7f5da	#f7f5da	#666348	#666348
#eadcb9	#eadcb9	#342603	#342603	#faf8e6	#faf8e6	#444230	#444230
#f4eddc	#f4eddc	#1a1301	#1a1301	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgoldenrod und Farbwert #eee8aa

Wechsel der Textfarbe bei Hover von Tag acronym

Die Textfarbe soll sich von Farbe darkgoldenrod auf Farbwert #eee8aa ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <acronym> in Farbe darkgoldenrod vor.

Hier legen wir bei <acronym> die Textfarbe auf Farbe darkgoldenrod fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf arial:

<style type="text/css"><!--
  acronym { 
    color: darkgoldenrod; 
    font-family: arial;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #eee8aa geändert wird.

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

Mehr zum hier verwendeten Befehl acronym ist in der HTML Referenz unter <acronym> genau zusammengestellt.

Hintergrund/Text-Kombination bei Tag span

Wir ändern für dieses Beispiel die Textfarbe von <span> auf Farbwert #eee8aa und die Hintergrundfarbe von <span> auf Farbe darkgoldenrod. Als Schriftart wählen wir sans-serif und als Schriftgröße wählen wir 126%.

<style type="text/css"><!--
  span { 
    font-size: 126%; 
    font-family: sans-serif; 
    color: #eee8aa; 
    background-color: darkgoldenrod;
  }
//-->
</style>

Die Beschreibung des hier genutzten Befehl span finden Sie in der HTML Referenz unter <span>.