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

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 #dcdcdc
Detail	:	Hintergrund darkgoldenrod	Detail	:	Schrift #dcdcdc
Farbe	:	darkgoldenrod	Farbwert	:	#dcdcdc
Farbwert	:	#b8860b	Farbe	:	gainsboro
HTML	:	darkgoldenrod	HTML	:	#dcdcdc
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#dcdcdc
CSS	:	darkgoldenrod	CSS	:	#dcdcdc
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbe darkgoldenrod nach Schriftfarbwert #dcdcdc
#b8860b	#bd9228	#c29e46	#c7aa64	#ccb782	#d1c3a0	#d6cfbe	#dcdcdc
#b8860b	#bd9228	#c29e46	#c7aa64	#ccb782	#d1c3a0	#d6cfbe	#dcdcdc

Kombination von darkgoldenrod und #dcdcdc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #dcdcdc und darkgoldenrod beträgt 88.70%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 11.30%. Auf Hintergrund darkgoldenrod ist #dcdcdc ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe darkgoldenrod				Schriftfarbwert #dcdcdc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#c2972d	#c2972d	#9d7209	#9d7209	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#cca850	#cca850	#835f07	#835f07	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#d6b973	#d6b973	#694c06	#694c06	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#e0cb96	#e0cb96	#4e3904	#4e3904	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#eadcb9	#eadcb9	#342603	#342603	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#f4eddc	#f4eddc	#1a1301	#1a1301	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgoldenrod und Farbwert #dcdcdc

Zebra-Effekt von Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit unterschiedlichen Hintergrundfarben Farbe darkgoldenrod und Farbwert #dcdcdc.

<style type="text/css"><!--
  tr.ung { 
    background-color: darkgoldenrod;
  }
  tr.ger { 
    background-color:#dcdcdc;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr class="ung"><td>X1~1</td><td>X2~1</td><td>X3~1</td></tr>
<tr class="ger"><td>X1~2</td><td>X2~2</td><td>X3~2</td></tr>
<tr class="ung"><td>X1~3</td><td>X2~3</td><td>X3~3</td></tr>
</table>

Weiteres zum Thema tr können Sie in Tabellen in HTML nachlesen. Zur Beschreibung des Tag <tr>.

Wechsel der Umrandung bei Hover mit Befehl th

Die Rahmenfarbe soll sich von Farbe darkgoldenrod auf Farbwert #dcdcdc ändern, wenn man mit der Maus auf <th> zeigt. Bereiten wir zunächst die Formatierung von <th> in Farbe darkgoldenrod vor.

In diesem Beispiel umranden wir <th> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbe darkgoldenrod.

<style type="text/css"><!--
  th { 
    border-color:darkgoldenrod; 
    border-width:2px; 
    border-style:groove;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #dcdcdc geändert wird.

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

Weiteres zum Thema th lesen Sie in Tabellen in HTML. Zur Beschreibung des hier verwendeten Tag <th>.