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

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 #000080
Detail	:	Hintergrund darkblue	Detail	:	Schrift #000080
Farbe	:	darkblue	Farbwert	:	#000080
Farbwert	:	#00008b	Farbe	:	navy
HTML	:	darkblue	HTML	:	#000080
HTML (Wert)	:	#00008b	HTML (Wert)	:	#000080
CSS	:	darkblue	CSS	:	#000080
CSS (Wert)	:	#00008b	CSS (Wert)	:	#000080
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#000080
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(0,0,128)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(0%,0%,50%)

Verlauf Hintergrundfarbe darkblue nach Schriftfarbwert #000080
#00008b	#000089	#000087	#000086	#000084	#000083	#000081	#000080
#00008b	#000089	#000087	#000086	#000084	#000083	#000081	#000080

Kombination von darkblue und #000080
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #000080 und darkblue beträgt 95.02%. Die Lesbarkeit dieser Kombination ergibt sich zu 4.98%. #000080 ist nicht als Schriftfarbe auf Hintergrund darkblue geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe darkblue				Schriftfarbwert #000080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#000080	#000080	#000080	#000080
#24249b	#24249b	#000077	#000077	#242492	#242492	#00006d	#00006d
#4848ac	#4848ac	#000063	#000063	#4848a4	#4848a4	#00005b	#00005b
#6d6dbc	#6d6dbc	#00004f	#00004f	#6d6db6	#6d6db6	#000049	#000049
#9191cd	#9191cd	#00003b	#00003b	#9191c8	#9191c8	#000036	#000036
#b6b6dd	#b6b6dd	#000027	#000027	#b6b6da	#b6b6da	#000024	#000024
#dadaee	#dadaee	#000013	#000013	#dadaec	#dadaec	#000012	#000012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkblue und Farbwert #000080

Wechsel der Textfarbe bei Hover von HTML-Befehl samp

Die Textfarbe soll sich von Farbe darkblue auf Farbwert #000080 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <samp> in Farbe darkblue vor.

Für dieses Beispiel legen wir bei <samp> die Textfarbe auf Farbe darkblue fest. Die Schriftgröße setzen wir auf 86%.

<style type="text/css"><!--
  samp { 
    font-size:86%; 
    color:darkblue;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #000080 geändert wird.

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

Weiteres zu samp finden Sie in Text in HTML. Die Beschreibung vom Tag samp finden Sie in der HTML Referenz unter <samp>.

Zebra-Effekt mit HTML-Tag td

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

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

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="gerade">GA.A</td><td class="ungerade">GB.A</td><td class="gerade">GC.A</td></tr>
<tr><td class="gerade">GA.B</td><td class="ungerade">GB.B</td><td class="gerade">GC.B</td></tr>
<tr><td class="gerade">GA.C</td><td class="ungerade">GB.C</td><td class="gerade">GC.C</td></tr>
</table>

Weiteres zum Thema td können Sie in Tabellen in HTML nachsehen. Zur Beschreibung vom hier gezeigten HTML-Tag <td>.