Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #191970 und Farbe goldenrod

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 #191970			Schriftfarbe goldenrod
Detail	:	Hintergrund #191970	Detail	:	Schrift goldenrod
Farbwert	:	#191970	Farbe	:	goldenrod
Farbe	:	midnightblue	Farbwert	:	#daa520
HTML	:	#191970	HTML	:	goldenrod
HTML (Wert)	:	#191970	HTML (Wert)	:	#daa520
CSS	:	#191970	CSS	:	goldenrod
CSS (Wert)	:	#191970	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#191970	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(25,25,112)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(9%,9%,43%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbwert #191970 nach Schriftfarbe goldenrod
#191970	#342d64	#504159	#6b554d	#876942	#a27d36	#be912b	#daa520
#191970	#342d64	#504159	#6b554d	#876942	#a27d36	#be912b	#daa520

Kombination von #191970 und goldenrod
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Auf Hintergrund #191970 ist goldenrod ungeeignet. Zwar ist der Helligkeitsunterschied ausreichend, die Farben selbst sind sich zu ähnlich. Die Ähnlichkeit von goldenrod und #191970 ergibt sich zu 68.41%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 31.59%.

Hintergrundfarbwert #191970				Schriftfarbe goldenrod
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#191970	#191970	#191970	#191970	#daa520	#daa520	#daa520	#daa520
#393984	#393984	#151560	#151560	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#5a5a98	#5a5a98	#111150	#111150	#e4be5f	#e4be5f	#9b7516	#9b7516
#7b7bad	#7b7bad	#0e0e40	#0e0e40	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#9c9cc1	#9c9cc1	#0a0a30	#0a0a30	#efd89f	#efd89f	#5d460d	#5d460d
#bdbdd6	#bdbdd6	#070720	#070720	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#dedeea	#dedeea	#030310	#030310	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #191970 und Farbe goldenrod

Wechsel der Umrandung bei Hover mit HTML-Tag img

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

In diesem Beispiel umranden wir <img> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #191970.

<style type="text/css"><!--
  img { border:4px dotted #191970; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf goldenrod ändert.

<style type="text/css"><!--
  img: hover { 
    border-color: goldenrod;
  }
//-->
</style>

Weiteres zu img können Sie in Grafik in HTML nachsehen. Die Beschreibung vom Befehl img finden Sie in der HTML Referenz unter <img>.

Zebra-Effekt von HTML-Befehl tr

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit den Hintergrundfarben Farbwert #191970 und Farbe goldenrod.

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

Diese werden abwechselnd angewendet.

<table>
<tr class="ger"><td>Ga.a</td><td>Gb.a</td><td>Gc.a</td></tr>
<tr class="ung"><td>Ga.b</td><td>Gb.b</td><td>Gc.b</td></tr>
<tr class="ger"><td>Ga.c</td><td>Gb.c</td><td>Gc.c</td></tr>
</table>

Weiteres zu tr können Sie in Tabellen in HTML nachlesen. Die Beschreibung des Befehl tr finden Sie in der HTML Referenz unter <tr>.