Ressourcen: 137 HTML Farbnamen - Kombinationen mit 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 #bdb76b
Detail	:	Hintergrundfarbwert #bdb76b	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#bdb76b	#bdb76b	#bdb76b	#bdb76b	#bdb76b
Farbe	:	darkkhaki	#c6c180	#c6c180	#a29c5b	#a29c5b
HTML	:	#bdb76b	#cfcb95	#cfcb95	#87824c	#87824c
CSS	:	#bdb76b	#d9d5aa	#d9d5aa	#6c683d	#6c683d
CSS (Wert)	:	#bdb76b	#e2e0bf	#e2e0bf	#514e2d	#514e2d
CSS (kürzest)	:	#bdb76b	#ecead4	#ecead4	#36341e	#36341e
CSS (RGB)	:	rgb(189,183,107)	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
CSS (%RGB)	:	rgb(74%,71%,41%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #bdb76b

Umrandung mit Tag frame

In diesem Beispiel umranden wir <frame> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbwert #bdb76b. Dies ist mit HTML so kaum möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  frame { 
    border-style: ridge; 
    border-color: #bdb76b; 
    border-width: 4px;
  }
//-->
</style>

Die Beschreibung vom hier genutzten Tag frame lesen Sie in der HTML Referenz unter <frame>.

Änderung der Hintergrundfarbe bei Hover mit Tag strike

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <strike> vor.

Wir setzen für dieses Beispiel die Hintergrundfarbe von <strike> auf Farbwert #bdb76b. Die Textfarbe ändern wir nicht. Die Schriftart setzen wir auf courier new:

<style type="text/css"><!--
  strike { 
    font-family: courier new; 
    background-color: #f115e0;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #bdb76b gesetzt wird.

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

Weiteres zum Thema strike können Sie in Text in HTML finden. Der hier verwendete Tag strike ist in der HTML Referenz unter <strike> ausführlich zusammengestellt.