Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #008b8b 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 #008b8b			Schriftfarbwert #00008b
Detail	:	Hintergrund #008b8b	Detail	:	Schrift #00008b
Farbwert	:	#008b8b	Farbwert	:	#00008b
Farbe	:	darkcyan	Farbe	:	darkblue
HTML	:	#008b8b	HTML	:	#00008b
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#00008b
CSS	:	#008b8b	CSS	:	#00008b
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(0%,0%,54%)

Verlauf Hintergrundfarbwert #008b8b nach Schriftfarbwert #00008b
#008b8b	#00778b	#00638b	#004f8b	#003b8b	#00278b	#00138b	#00008b
#008b8b	#00778b	#00638b	#004f8b	#003b8b	#00278b	#00138b	#00008b

Kombination von #008b8b und #00008b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#00008b eignet sich nicht als Schriftfarbe auf Hintergrund #008b8b. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #00008b und #008b8b beträgt 82.43%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 17.57%.

Hintergrundfarbwert #008b8b				Schriftfarbwert #00008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#00008b	#00008b	#00008b	#00008b
#249b9b	#249b9b	#007777	#007777	#24249b	#24249b	#000077	#000077
#48acac	#48acac	#006363	#006363	#4848ac	#4848ac	#000063	#000063
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#6d6dbc	#6d6dbc	#00004f	#00004f
#91cdcd	#91cdcd	#003b3b	#003b3b	#9191cd	#9191cd	#00003b	#00003b
#b6dddd	#b6dddd	#002727	#002727	#b6b6dd	#b6b6dd	#000027	#000027
#daeeee	#daeeee	#001313	#001313	#dadaee	#dadaee	#000013	#000013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #008b8b und Farbwert #00008b

Wechsel der Umrandung bei Hover mit HTML-Befehl strong

Die Rahmenfarbe soll sich von Farbwert #008b8b auf Farbwert #00008b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <strong> in Farbwert #008b8b vor.

In diesem Beispiel umranden wir <strong> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbwert #008b8b.

<style type="text/css"><!--
  strong { border:1px dashed #008b8b; }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #00008b ändert.

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

Mehr zu strong können Sie in Text in HTML lesen. Zur Beschreibung vom Tag <strong>.

Zebra-Effekt mit HTML-Tag tr

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #008b8b und Farbwert #00008b.

<style type="text/css"><!--
  tr.yang { 
    background-color:#008b8b;
  }
  tr.ying { 
    background-color: #00008b;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr class="yang"><td>OA.A</td><td>OB.A</td><td>OC.A</td></tr>
<tr class="ying"><td>OA.B</td><td>OB.B</td><td>OC.B</td></tr>
<tr class="yang"><td>OA.C</td><td>OB.C</td><td>OC.C</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachlesen. Die Beschreibung des HTML-Tag tr lesen Sie in der HTML Referenz unter <tr>.