Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #8b4513 und Farbwert #bdb76b

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 #8b4513			Schriftfarbwert #bdb76b
Detail	:	Hintergrund #8b4513	Detail	:	Schrift #bdb76b
Farbwert	:	#8b4513	Farbwert	:	#bdb76b
Farbe	:	saddlebrown	Farbe	:	darkkhaki
HTML	:	#8b4513	HTML	:	#bdb76b
HTML (Wert)	:	#8b4513	HTML (Wert)	:	#bdb76b
CSS	:	#8b4513	CSS	:	#bdb76b
CSS (Wert)	:	#8b4513	CSS (Wert)	:	#bdb76b
CSS (kürzest)	:	#8b4513	CSS (kürzest)	:	#bdb76b
CSS (RGB)	:	rgb(139,69,19)	CSS (RGB)	:	rgb(189,183,107)
CSS (%RGB)	:	rgb(54%,27%,7%)	CSS (%RGB)	:	rgb(74%,71%,41%)

Verlauf Hintergrundfarbwert #8b4513 nach Schriftfarbwert #bdb76b
#8b4513	#92551f	#99652c	#a07538	#a78645	#ae9651	#b5a65e	#bdb76b
#8b4513	#92551f	#99652c	#a07538	#a78645	#ae9651	#b5a65e	#bdb76b

Kombination von #8b4513 und #bdb76b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit von #bdb76b und #8b4513 ergibt sich zu 83.66%. Die Lesbarkeit dieser Farbkombination liegt damit bei 16.34%. #bdb76b ist nicht als Schriftfarbe auf Hintergrund #8b4513 geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbwert #8b4513				Schriftfarbwert #bdb76b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b4513	#8b4513	#8b4513	#8b4513	#bdb76b	#bdb76b	#bdb76b	#bdb76b
#9b5f34	#9b5f34	#773b10	#773b10	#c6c180	#c6c180	#a29c5b	#a29c5b
#ac7a56	#ac7a56	#63310d	#63310d	#cfcb95	#cfcb95	#87824c	#87824c
#bc9478	#bc9478	#4f270a	#4f270a	#d9d5aa	#d9d5aa	#6c683d	#6c683d
#cdaf99	#cdaf99	#3b1d08	#3b1d08	#e2e0bf	#e2e0bf	#514e2d	#514e2d
#ddc9bb	#ddc9bb	#271305	#271305	#ecead4	#ecead4	#36341e	#36341e
#eee4dd	#eee4dd	#130902	#130902	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b4513 und Farbwert #bdb76b

Wechsel der Umrandung bei Hover mit Tag del

Die Rahmenfarbe soll sich von Farbwert #8b4513 auf Farbwert #bdb76b ändern, wenn man mit der Maus auf <del> zeigt. Bereiten wir zunächst eine Formatierung von <del> in Farbwert #8b4513 vor.

In diesem Beispiel umranden wir <del> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbwert #8b4513.

<style type="text/css"><!--
  del { border:2px groove #8b4513; }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #bdb76b ändert.

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

Weiteres zum hier genutzten HTML-Befehl del ist in der HTML Referenz bei <del> genau gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit Tag div

Mit Tag <div> setzen Sie einen Universalkontainer. Diesen kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #8b4513 auf Farbwert #bdb76b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <div> in Farbwert #8b4513 vor.

In diesem Beispiel setzen wir bei <div> die Hintergrundfarbe auf Farbwert #8b4513. Die Größe der Schrift ändern wir auf 13px:

<style type="text/css"><!--
  div { 
    font-size: 13px; 
    background-color: #8b4513;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #bdb76b ändert.

<style type="text/css"><!--
  div:hover { 
    background-color:#bdb76b;
  }
//-->
</style>

Weiteres zum hier verwendeten HTML-Tag div ist in der HTML Referenz bei <div> zusammengestellt.