Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkblue und Farbwert #9932cc

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 darkblue			Schriftfarbwert #9932cc
Detail	:	Hintergrund darkblue	Detail	:	Schrift #9932cc
Farbe	:	darkblue	Farbwert	:	#9932cc
Farbwert	:	#00008b	Farbe	:	darkorchid
HTML	:	darkblue	HTML	:	#9932cc
HTML (Wert)	:	#00008b	HTML (Wert)	:	#9932cc
CSS	:	darkblue	CSS	:	#9932cc
CSS (Wert)	:	#00008b	CSS (Wert)	:	#9932cc
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#9932cc
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(153,50,204)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(60%,19%,80%)

Verlauf Hintergrundfarbe darkblue nach Schriftfarbwert #9932cc
#00008b	#150794	#2b0e9d	#4115a6	#571cb0	#6d23b9	#832ac2	#9932cc
#00008b	#150794	#2b0e9d	#4115a6	#571cb0	#6d23b9	#832ac2	#9932cc

Kombination von darkblue und #9932cc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit der Farben #9932cc und darkblue beträgt 87.23%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.77%. #9932cc ist nicht als Schriftfarbe auf Hintergrund darkblue geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe darkblue				Schriftfarbwert #9932cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#9932cc	#9932cc	#9932cc	#9932cc
#24249b	#24249b	#000077	#000077	#a74fd3	#a74fd3	#832aae	#832aae
#4848ac	#4848ac	#000063	#000063	#b66cda	#b66cda	#6d2391	#6d2391
#6d6dbc	#6d6dbc	#00004f	#00004f	#c489e1	#c489e1	#571c74	#571c74
#9191cd	#9191cd	#00003b	#00003b	#d3a7e9	#d3a7e9	#411557	#411557
#b6b6dd	#b6b6dd	#000027	#000027	#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a
#dadaee	#dadaee	#000013	#000013	#f0e1f7	#f0e1f7	#15071d	#15071d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkblue und Farbwert #9932cc

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag th

Die Hintergrundfarbe soll sich von Farbe darkblue auf Farbwert #9932cc ändern, wenn man mit der Maus auf <th> zeigt. Bereiten wir zunächst eine Formatierung von <th> in Farbe darkblue vor.

Als Beispiel legen wir Farbe darkblue als Hintergrundfarbe von <th> fest:

<style type="text/css"><!--
  th { 
    background-color:darkblue;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #9932cc gesetzt wird.

<style type="text/css"><!--
  th:hover { 
    background-color:#9932cc;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Tabellen in HTML. Einzelheiten vom HTML-Befehl th sind in der HTML Referenz bei <th> genau beschrieben.

Zebra-Effekt bei HTML-Tag tr

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit den Hintergrundfarben Farbe darkblue und Farbwert #9932cc.

<style type="text/css"><!--
  tr.gerade { 
    background-color:darkblue;
  }
  tr.ungerade { 
    background-color:#9932cc;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr class="gerade"><td>J1-1</td><td>J2-1</td><td>J3-1</td></tr>
<tr class="ungerade"><td>J1-2</td><td>J2-2</td><td>J3-2</td></tr>
<tr class="gerade"><td>J1-3</td><td>J2-3</td><td>J3-3</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML erfahren. Beschreibung vom Befehl <tr>.