Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkgoldenrod 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.

Hintergrundfarbe darkgoldenrod			Schriftfarbwert #bdb76b
Detail	:	Hintergrund darkgoldenrod	Detail	:	Schrift #bdb76b
Farbe	:	darkgoldenrod	Farbwert	:	#bdb76b
Farbwert	:	#b8860b	Farbe	:	darkkhaki
HTML	:	darkgoldenrod	HTML	:	#bdb76b
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#bdb76b
CSS	:	darkgoldenrod	CSS	:	#bdb76b
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#bdb76b
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#bdb76b
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(189,183,107)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(74%,71%,41%)

Verlauf Hintergrundfarbe darkgoldenrod nach Schriftfarbwert #bdb76b
#b8860b	#b88d18	#b99426	#ba9b34	#baa241	#bba94f	#bcb05d	#bdb76b
#b8860b	#b88d18	#b99426	#ba9b34	#baa241	#bba94f	#bcb05d	#bdb76b

Kombination von darkgoldenrod und #bdb76b
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.				#bdb76b eignet sich nicht als Schriftfarbe auf Hintergrund darkgoldenrod. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #bdb76b und darkgoldenrod beträgt 92.51%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 7.49%.

Hintergrundfarbe darkgoldenrod				Schriftfarbwert #bdb76b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#bdb76b	#bdb76b	#bdb76b	#bdb76b
#c2972d	#c2972d	#9d7209	#9d7209	#c6c180	#c6c180	#a29c5b	#a29c5b
#cca850	#cca850	#835f07	#835f07	#cfcb95	#cfcb95	#87824c	#87824c
#d6b973	#d6b973	#694c06	#694c06	#d9d5aa	#d9d5aa	#6c683d	#6c683d
#e0cb96	#e0cb96	#4e3904	#4e3904	#e2e0bf	#e2e0bf	#514e2d	#514e2d
#eadcb9	#eadcb9	#342603	#342603	#ecead4	#ecead4	#36341e	#36341e
#f4eddc	#f4eddc	#1a1301	#1a1301	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgoldenrod und Farbwert #bdb76b

Zebra-Effekt mit Tag td

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <td> mit den Hintergrundfarben Farbe darkgoldenrod und Farbwert #bdb76b.

<style type="text/css"><!--
  td.yang { 
    background-color:darkgoldenrod;
  }
  td.ying { 
    background-color: #bdb76b;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="yang">VA.A</td><td class="ying">VB.A</td><td class="yang">VC.A</td></tr>
<tr><td class="yang">VA.B</td><td class="ying">VB.B</td><td class="yang">VC.B</td></tr>
<tr><td class="yang">VA.C</td><td class="ying">VB.C</td><td class="yang">VC.C</td></tr>
</table>

Mehr zu td erfahren Sie in Tabellen in HTML. Der hier gezeigte Befehl td ist in der HTML Referenz bei <td> genau beschrieben.

Wechsel der Textfarbe bei Hover mit HTML-Befehl dt

Die Textfarbe soll sich von Farbe darkgoldenrod auf Farbwert #bdb76b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <dt> in Farbe darkgoldenrod vor.

Hier legen wir bei <dt> die Textfarbe auf Farbe darkgoldenrod fest. Die Hintergrundfarbe verändern wir nicht, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  dt { 
    color: darkgoldenrod; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #bdb76b geändert wird.

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

Mehr zum Thema dt können Sie in Listen und Glossare in HTML finden. Der hier verwendete Tag dt ist in der HTML Referenz bei <dt> ausführlich beschrieben.