Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkcyan und Farbwert #8b4513

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe darkcyan			Schriftfarbwert #8b4513
Detail	:	Hintergrund darkcyan	Detail	:	Schrift #8b4513
Farbe	:	darkcyan	Farbwert	:	#8b4513
Farbwert	:	#008b8b	Farbe	:	saddlebrown
HTML	:	darkcyan	HTML	:	#8b4513
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#8b4513
CSS	:	darkcyan	CSS	:	#8b4513
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbwert #8b4513
#008b8b	#138179	#277768	#3b6d57	#4f6346	#635935	#774f24	#8b4513
#008b8b	#138179	#277768	#3b6d57	#4f6346	#635935	#774f24	#8b4513

Kombination von darkcyan und #8b4513
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #8b4513 und darkcyan beträgt 91.85%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.15%. #8b4513 eignet sich nicht als Schriftfarbe auf Hintergrund darkcyan, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbe darkcyan				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#8b4513	#8b4513	#8b4513	#8b4513
#249b9b	#249b9b	#007777	#007777	#9b5f34	#9b5f34	#773b10	#773b10
#48acac	#48acac	#006363	#006363	#ac7a56	#ac7a56	#63310d	#63310d
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#bc9478	#bc9478	#4f270a	#4f270a
#91cdcd	#91cdcd	#003b3b	#003b3b	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#b6dddd	#b6dddd	#002727	#002727	#ddc9bb	#ddc9bb	#271305	#271305
#daeeee	#daeeee	#001313	#001313	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkcyan und Farbwert #8b4513

Wechsel der Textfarbe bei Hover bei Tag h2

Mit HTML-Befehl <h2> wird eine Überschrift erzeugt. Diese kann farblich gestaltet und hervorgehoben werden.

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

Zum Beispiel setzen wir die Textfarbe von <h2> auf Farbe darkcyan. Die Schriftgröße setzen wir auf 13px:

<style type="text/css"><!--
  h2 { 
    color: darkcyan; 
    font-size: 13px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #8b4513 geändert wird.

<style type="text/css"><!--
  h2:hover { 
    color:#8b4513;
  }
//-->
</style>

Weiteres zu h2 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Mehr zum Tag <h2>.

Zebra-Effekt bei HTML-Tag tr

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbe darkcyan und Farbwert #8b4513.

<style type="text/css"><!--
  tr.even { 
    background-color:darkcyan;
  }
  tr.odd { 
    background-color:#8b4513;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr class="even"><td>O1.1</td><td>O2.1</td><td>O3.1</td></tr>
<tr class="odd"><td>O1.2</td><td>O2.2</td><td>O3.2</td></tr>
<tr class="even"><td>O1.3</td><td>O2.3</td><td>O3.3</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachlesen. Weiteres zum Tag tr finden Sie in der HTML Referenz unter <tr>.