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

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 #00008b			Schriftfarbwert #c0c0c0
Detail	:	Hintergrund #00008b	Detail	:	Schrift #c0c0c0
Farbwert	:	#00008b	Farbwert	:	#c0c0c0
Farbe	:	darkblue	Farbe	:	silver
HTML	:	#00008b	HTML	:	#c0c0c0
HTML (Wert)	:	#00008b	HTML (Wert)	:	#c0c0c0
CSS	:	#00008b	CSS	:	#c0c0c0
CSS (Wert)	:	#00008b	CSS (Wert)	:	#c0c0c0
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#c0c0c0
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(192,192,192)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(75%,75%,75%)

Verlauf Hintergrundfarbwert #00008b nach Schriftfarbwert #c0c0c0
#00008b	#1b1b92	#36369a	#5252a1	#6d6da9	#8989b0	#a4a4b8	#c0c0c0
#00008b	#1b1b92	#36369a	#5252a1	#6d6da9	#8989b0	#a4a4b8	#c0c0c0

Kombination von #00008b und #c0c0c0
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante.				Die Ähnlichkeit der Farben #c0c0c0 und #00008b ergibt sich zu 59.96%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 40.04%. Auf Hintergrund #00008b ist #c0c0c0 ungeeignet. Zwar ist der Helligkeitsunterschied gross genug, die Farben selbst sind sich zu ähnlich.

Hintergrundfarbwert #00008b				Schriftfarbwert #c0c0c0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#24249b	#24249b	#000077	#000077	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#4848ac	#4848ac	#000063	#000063	#d2d2d2	#d2d2d2	#898989	#898989
#6d6dbc	#6d6dbc	#00004f	#00004f	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#9191cd	#9191cd	#00003b	#00003b	#e4e4e4	#e4e4e4	#525252	#525252
#b6b6dd	#b6b6dd	#000027	#000027	#ededed	#ededed	#363636	#363636
#dadaee	#dadaee	#000013	#000013	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00008b und Farbwert #c0c0c0

Wechsel der Hintergrundfarbe bei Hover mit Tag dt

Die Hintergrundfarbe soll sich von Farbwert #00008b auf Farbwert #c0c0c0 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <dt> in Farbwert #00008b vor.

Wir legen in diesem Beispiel die Hintergrundfarbe von <dt> auf Farbwert #00008b fest und setzen die Größe der Schrift auf 110%.

<style type="text/css"><!--
  dt { 
    background-color:#00008b; 
    font-size:110%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #c0c0c0 geändert wird.

<style type="text/css"><!--
  dt:hover { 
    background-color:#c0c0c0;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML nachsehen. Die Beschreibung des hier genutzten HTML-Tag dt finden Sie in der HTML Referenz unter <dt>.

Zebra-Effekt mit Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <th> mit den Hintergrundfarben Farbwert #00008b und Farbwert #c0c0c0.

<style type="text/css"><!--
  th.even { 
    background-color:#00008b;
  }
  th.odd { 
    background-color: #c0c0c0;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="even">G1~1</td><td class="odd">G2~1</td><td class="even">G3~1</td></tr>
<tr><td class="even">G1~2</td><td class="odd">G2~2</td><td class="even">G3~2</td></tr>
<tr><td class="even">G1~3</td><td class="odd">G2~3</td><td class="even">G3~3</td></tr>
</table>

Mehr zum Thema th können Sie in Tabellen in HTML nachsehen. Möglichkeiten vom hier verwendeten HTML-Tag <th>.