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

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 #20b2aa
Detail	:	Hintergrund darkblue	Detail	:	Schrift #20b2aa
Farbe	:	darkblue	Farbwert	:	#20b2aa
Farbwert	:	#00008b	Farbe	:	lightseagreen
HTML	:	darkblue	HTML	:	#20b2aa
HTML (Wert)	:	#00008b	HTML (Wert)	:	#20b2aa
CSS	:	darkblue	CSS	:	#20b2aa
CSS (Wert)	:	#00008b	CSS (Wert)	:	#20b2aa
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#20b2aa
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(32,178,170)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(12%,69%,66%)

Verlauf Hintergrundfarbe darkblue nach Schriftfarbwert #20b2aa
#00008b	#04198f	#093293	#0d4c98	#12659c	#167fa1	#1b98a5	#20b2aa
#00008b	#04198f	#093293	#0d4c98	#12659c	#167fa1	#1b98a5	#20b2aa

Kombination von darkblue und #20b2aa
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#20b2aa eignet sich nicht als Schriftfarbe auf Hintergrund darkblue, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #20b2aa und darkblue beträgt 72.22%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 27.78%.

Hintergrundfarbe darkblue				Schriftfarbwert #20b2aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#20b2aa	#20b2aa	#20b2aa	#20b2aa
#24249b	#24249b	#000077	#000077	#3fbdb6	#3fbdb6	#1b9891	#1b9891
#4848ac	#4848ac	#000063	#000063	#5fc8c2	#5fc8c2	#167f79	#167f79
#6d6dbc	#6d6dbc	#00004f	#00004f	#7fd3ce	#7fd3ce	#126561	#126561
#9191cd	#9191cd	#00003b	#00003b	#9fdeda	#9fdeda	#0d4c48	#0d4c48
#b6b6dd	#b6b6dd	#000027	#000027	#bfe9e6	#bfe9e6	#093230	#093230
#dadaee	#dadaee	#000013	#000013	#dff4f2	#dff4f2	#041918	#041918
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkblue und Farbwert #20b2aa

Zebra-Effekt bei Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit unterschiedlichen Hintergrundfarben Farbe darkblue und Farbwert #20b2aa.

<style type="text/css"><!--
  tr.ying { 
    background-color:darkblue;
  }
  tr.yang { 
    background-color:#20b2aa;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr class="ying"><td>VA-A</td><td>VB-A</td><td>VC-A</td></tr>
<tr class="yang"><td>VA-B</td><td>VB-B</td><td>VC-B</td></tr>
<tr class="ying"><td>VA-C</td><td>VB-C</td><td>VC-C</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML finden. Mehr zum HTML-Befehl tr finden Sie in der HTML Referenz unter <tr>.

Wechsel der Textfarbe bei Hover von Befehl center

Die Textfarbe soll sich von Farbe darkblue auf Farbwert #20b2aa ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst die Formatierung von <center> in Farbe darkblue vor.

Wir legen für dieses Beispiel Farbe darkblue als Textfarbe von <center> fest:

<style type="text/css"><!--
  center { 
    color: darkblue;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #20b2aa ändert.

<style type="text/css"><!--
  center:hover { 
    color:#20b2aa;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom hier gezeigten Tag <center>.