Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #8b0000 und Farbwert #00008b

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.

Hintergrundfarbwert #8b0000			Schriftfarbwert #00008b
Detail	:	Hintergrund #8b0000	Detail	:	Schrift #00008b
Farbwert	:	#8b0000	Farbwert	:	#00008b
Farbe	:	darkred	Farbe	:	darkblue
HTML	:	#8b0000	HTML	:	#00008b
HTML (Wert)	:	#8b0000	HTML (Wert)	:	#00008b
CSS	:	#8b0000	CSS	:	#00008b
CSS (Wert)	:	#8b0000	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#8b0000	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(139,0,0)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(54%,0%,0%)	CSS (%RGB)	:	rgb(0%,0%,54%)

Verlauf Hintergrundfarbwert #8b0000 nach Schriftfarbwert #00008b
#8b0000	#770013	#630027	#4f003b	#3b004f	#270063	#130077	#00008b
#8b0000	#770013	#630027	#4f003b	#3b004f	#270063	#130077	#00008b

Kombination von #8b0000 und #00008b
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 #00008b und #8b0000 ergibt sich zu 92.72%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.28%. Auf Hintergrund #8b0000 ist #00008b ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #8b0000				Schriftfarbwert #00008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b0000	#8b0000	#8b0000	#8b0000	#00008b	#00008b	#00008b	#00008b
#9b2424	#9b2424	#770000	#770000	#24249b	#24249b	#000077	#000077
#ac4848	#ac4848	#630000	#630000	#4848ac	#4848ac	#000063	#000063
#bc6d6d	#bc6d6d	#4f0000	#4f0000	#6d6dbc	#6d6dbc	#00004f	#00004f
#cd9191	#cd9191	#3b0000	#3b0000	#9191cd	#9191cd	#00003b	#00003b
#ddb6b6	#ddb6b6	#270000	#270000	#b6b6dd	#b6b6dd	#000027	#000027
#eedada	#eedada	#130000	#130000	#dadaee	#dadaee	#000013	#000013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b0000 und Farbwert #00008b

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit den Hintergrundfarben Farbwert #8b0000 und Farbwert #00008b.

<style type="text/css"><!--
  tr.ung { 
    background-color:#8b0000;
  }
  tr.ger { 
    background-color:#00008b;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr class="ung"><td>Ka/a</td><td>Kb/a</td><td>Kc/a</td></tr>
<tr class="ger"><td>Ka/b</td><td>Kb/b</td><td>Kc/b</td></tr>
<tr class="ung"><td>Ka/c</td><td>Kb/c</td><td>Kc/c</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML nachlesen. Der HTML-Tag tr ist in der HTML Referenz bei <tr> ausführlich beschrieben.

Wechsel der Textfarbe bei Hover von Tag h5

Eine Überschrift der 5. Stufe setzt man mit Tag <h5>. Sie kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #8b0000 auf Farbwert #00008b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h5> in Farbwert #8b0000 vor.

Für dieses Beispiel legen wir die Textfarbe von <h5> auf Farbwert #8b0000 fest und setzen die Schriftgröße auf 13px:

<style type="text/css"><!--
  h5 { 
    font-size: 13px; 
    color: #8b0000;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #00008b gesetzt wird.

<style type="text/css"><!--
  h5:hover { 
    color:#00008b;
  }
//-->
</style>

Mehr zum Thema h5 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier gezeigten HTML-Befehl h5 finden Sie in der HTML Referenz unter <h5>.