Ressourcen: 137 HTML Farbnamen - Kombination von Farbe saddlebrown und Farbwert #8fbc8f

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.

Hintergrundfarbe saddlebrown			Schriftfarbwert #8fbc8f
Detail	:	Hintergrund saddlebrown	Detail	:	Schrift #8fbc8f
Farbe	:	saddlebrown	Farbwert	:	#8fbc8f
Farbwert	:	#8b4513	Farbe	:	darkseagreen
HTML	:	saddlebrown	HTML	:	#8fbc8f
HTML (Wert)	:	#8b4513	HTML (Wert)	:	#8fbc8f
CSS	:	saddlebrown	CSS	:	#8fbc8f
CSS (Wert)	:	#8b4513	CSS (Wert)	:	#8fbc8f
CSS (kürzest)	:	#8b4513	CSS (kürzest)	:	#8fbc8f
CSS (RGB)	:	rgb(139,69,19)	CSS (RGB)	:	rgb(143,188,143)
CSS (%RGB)	:	rgb(54%,27%,7%)	CSS (%RGB)	:	rgb(56%,73%,56%)

Verlauf Hintergrundfarbe saddlebrown nach Schriftfarbwert #8fbc8f
#8b4513	#8b5624	#8c6736	#8c7848	#8d8959	#8d9a6b	#8eab7d	#8fbc8f
#8b4513	#8b5624	#8c6736	#8c7848	#8d8959	#8d9a6b	#8eab7d	#8fbc8f

Kombination von saddlebrown und #8fbc8f
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #8fbc8f und saddlebrown ergibt sich zu 84.29%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 15.71%. #8fbc8f ist nicht als Schriftfarbe auf Hintergrund saddlebrown geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe saddlebrown				Schriftfarbwert #8fbc8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b4513	#8b4513	#8b4513	#8b4513	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
#9b5f34	#9b5f34	#773b10	#773b10	#9fc59f	#9fc59f	#7aa17a	#7aa17a
#ac7a56	#ac7a56	#63310d	#63310d	#afcfaf	#afcfaf	#668666	#668666
#bc9478	#bc9478	#4f270a	#4f270a	#bfd8bf	#bfd8bf	#516b51	#516b51
#cdaf99	#cdaf99	#3b1d08	#3b1d08	#cfe2cf	#cfe2cf	#3d503d	#3d503d
#ddc9bb	#ddc9bb	#271305	#271305	#dfebdf	#dfebdf	#283528	#283528
#eee4dd	#eee4dd	#130902	#130902	#eff5ef	#eff5ef	#141a14	#141a14
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe saddlebrown und Farbwert #8fbc8f

Wechsel der Hintergrundfarbe bei Hover bei Befehl a

Ein Verweis wird mit HTML-Befehl <a> gesetzt. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbe saddlebrown auf Farbwert #8fbc8f ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbe saddlebrown vor.

Hier legen wir die Hintergrundfarbe von <a> auf Farbe saddlebrown fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf sans-serif und erhöhen die Schriftgröße auf 117%:

<style type="text/css"><!--
  a { 
    background-color: saddlebrown; 
    font-size: 117%; 
    font-family: sans-serif;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #8fbc8f geändert wird.

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

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML finden. Die Beschreibung des HTML-Befehl a lesen Sie in der HTML Referenz unter <a>.

Wechsel der Textfarbe bei Hover bei Befehl pre

Die Textfarbe soll sich von Farbe saddlebrown auf Farbwert #8fbc8f ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst die Darstellung von <pre> in Farbe saddlebrown vor.

Für dieses Beispiel legen wir Farbe saddlebrown als Textfarbe von <pre> fest:

<style type="text/css"><!--
  pre { 
    color: saddlebrown;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #8fbc8f geändert wird.

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

Weiteres zu pre können Sie in Blockorientierte Elemente in HTML finden. Die Beschreibung des HTML-Tag pre finden Sie in der HTML Referenz unter <pre>.