Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #daa520 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.

Hintergrundfarbwert #daa520			Schriftfarbwert #dcdcdc
Detail	:	Hintergrund #daa520	Detail	:	Schrift #dcdcdc
Farbwert	:	#daa520	Farbwert	:	#dcdcdc
Farbe	:	goldenrod	Farbe	:	gainsboro
HTML	:	#daa520	HTML	:	#dcdcdc
HTML (Wert)	:	#daa520	HTML (Wert)	:	#dcdcdc
CSS	:	#daa520	CSS	:	#dcdcdc
CSS (Wert)	:	#daa520	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#daa520	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(218,165,32)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(85%,64%,12%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbwert #daa520 nach Schriftfarbwert #dcdcdc
#daa520	#daac3a	#dab455	#dabc70	#dbc48b	#dbcca6	#dbd4c1	#dcdcdc
#daa520	#daac3a	#dab455	#dabc70	#dbc48b	#dbcca6	#dbd4c1	#dcdcdc

Kombination von #daa520 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#dcdcdc eignet sich nicht als Schriftfarbe auf Hintergrund #daa520, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #dcdcdc und #daa520 ergibt sich zu 92.23%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.77%.

Hintergrundfarbwert #daa520				Schriftfarbwert #dcdcdc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#daa520	#daa520	#daa520	#daa520	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#dfb13f	#dfb13f	#ba8d1b	#ba8d1b	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#e4be5f	#e4be5f	#9b7516	#9b7516	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#e9cb7f	#e9cb7f	#7c5e12	#7c5e12	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#efd89f	#efd89f	#5d460d	#5d460d	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#f4e5bf	#f4e5bf	#3e2f09	#3e2f09	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#f9f2df	#f9f2df	#1f1704	#1f1704	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #daa520 und Farbwert #dcdcdc

Zebra-Effekt bei HTML-Tag tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #daa520 und Farbwert #dcdcdc.

<style type="text/css"><!--
  tr.ying { 
    background-color:#daa520;
  }
  tr.yang { 
    background-color:#dcdcdc;
  }
//-->
</style>

Diese werden abwechselnd genutzt.

<table>
<tr class="ying"><td>FA.A</td><td>FB.A</td><td>FC.A</td></tr>
<tr class="yang"><td>FA.B</td><td>FB.B</td><td>FC.B</td></tr>
<tr class="ying"><td>FA.C</td><td>FB.C</td><td>FC.C</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Der hier verwendete Tag tr ist in der HTML Referenz unter <tr> zusammengestellt.

Wechsel der Textfarbe bei Hover mit Befehl address

Die Textfarbe soll sich von Farbwert #daa520 auf Farbwert #dcdcdc ändern, wenn man mit der Maus auf <address> zeigt. Wir bereiten zunächst die Formatierung von <address> in Farbwert #daa520 vor.

Wir legen in diesem Beispiel die Textfarbe von <address> auf Farbwert #daa520 fest:

<style type="text/css"><!--
  address { 
    color: #daa520;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #dcdcdc geändert wird.

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

Mehr zu address können Sie in Blockorientierte Elemente in HTML erfahren. Mehr zum Tag address erfahren Sie in der HTML Referenz unter <address>.