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

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 #2f4f4f
Detail	:	Hintergrund darkgoldenrod	Detail	:	Schrift #2f4f4f
Farbe	:	darkgoldenrod	Farbwert	:	#2f4f4f
Farbwert	:	#b8860b	Farbe	:	darkslategray
HTML	:	darkgoldenrod	HTML	:	#2f4f4f
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#2f4f4f
CSS	:	darkgoldenrod	CSS	:	#2f4f4f
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbe darkgoldenrod nach Schriftfarbwert #2f4f4f
#b8860b	#a47e14	#90761e	#7d6e28	#696631	#565e3b	#425645	#2f4f4f
#b8860b	#a47e14	#90761e	#7d6e28	#696631	#565e3b	#425645	#2f4f4f

Kombination von darkgoldenrod und #2f4f4f
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 von #2f4f4f und darkgoldenrod beträgt 86.94%. Die Lesbarkeit dieser Farbkombination liegt damit bei 13.06%. Auf Hintergrund darkgoldenrod ist #2f4f4f ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe darkgoldenrod				Schriftfarbwert #2f4f4f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#c2972d	#c2972d	#9d7209	#9d7209	#4c6868	#4c6868	#284343	#284343
#cca850	#cca850	#835f07	#835f07	#6a8181	#6a8181	#213838	#213838
#d6b973	#d6b973	#694c06	#694c06	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#e0cb96	#e0cb96	#4e3904	#4e3904	#a5b3b3	#a5b3b3	#142121	#142121
#eadcb9	#eadcb9	#342603	#342603	#c3cccc	#c3cccc	#0d1616	#0d1616
#f4eddc	#f4eddc	#1a1301	#1a1301	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgoldenrod und Farbwert #2f4f4f

Zebra-Effekt von Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit den Hintergrundfarben Farbe darkgoldenrod und Farbwert #2f4f4f.

<style type="text/css"><!--
  th.odd { 
    background-color:darkgoldenrod;
  }
  th.even { 
    background-color:#2f4f4f;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr><td class="odd">Ta,a</td><td class="even">Tb,a</td><td class="odd">Tc,a</td></tr>
<tr><td class="odd">Ta,b</td><td class="even">Tb,b</td><td class="odd">Tc,b</td></tr>
<tr><td class="odd">Ta,c</td><td class="even">Tb,c</td><td class="odd">Tc,c</td></tr>
</table>

Mehr zum Thema lesen Sie in Tabellen in HTML. Der HTML-Tag th ist in der HTML Referenz bei <th> beschrieben.

Wechsel der Umrandung bei Hover von Tag h6

Mit Befehl <h6> erzeugen Sie eine Überschrift. Sie kann hervorgehoben und farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbe darkgoldenrod auf Farbwert #2f4f4f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h6> in Farbe darkgoldenrod vor.

In diesem Beispiel umranden wir <h6> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe darkgoldenrod.

<style type="text/css"><!--
  h6 { border:5px ridge darkgoldenrod; }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #2f4f4f gesetzt wird.

<style type="text/css"><!--
  h6:hover { 
    border-color:#2f4f4f;
  }
//-->
</style>

Weiteres zu h6 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der hier gezeigte HTML-Tag h6 ist in der HTML Referenz unter <h6> genau beschrieben.