Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgray und Farbwert #ffffe0

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 darkgray			Schriftfarbwert #ffffe0
Detail	:	Hintergrund darkgray	Detail	:	Schrift #ffffe0
Farbe	:	darkgray	Farbwert	:	#ffffe0
Farbwert	:	#a9a9a9	Farbe	:	lightyellow
HTML	:	darkgray	HTML	:	#ffffe0
HTML (Wert)	:	#a9a9a9	HTML (Wert)	:	#ffffe0
CSS	:	darkgray	CSS	:	#ffffe0
CSS (Wert)	:	#a9a9a9	CSS (Wert)	:	#ffffe0
CSS (kürzest)	:	#a9a9a9	CSS (kürzest)	:	#ffffe0
CSS (RGB)	:	rgb(169,169,169)	CSS (RGB)	:	rgb(255,255,224)
CSS (%RGB)	:	rgb(66%,66%,66%)	CSS (%RGB)	:	rgb(100%,100%,87%)

Verlauf Hintergrundfarbe darkgray nach Schriftfarbwert #ffffe0
#a9a9a9	#b5b5b0	#c1c1b8	#cdcdc0	#dadac8	#e6e6d0	#f2f2d8	#ffffe0
#a9a9a9	#b5b5b0	#c1c1b8	#cdcdc0	#dadac8	#e6e6d0	#f2f2d8	#ffffe0

Kombination von darkgray und #ffffe0
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#ffffe0 eignet sich nicht als Schriftfarbe auf Hintergrund darkgray, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #ffffe0 und darkgray ergibt sich zu 89.00%. Die Lesbarkeit dieser Kombination bewerte ich mit 11.00%.

Hintergrundfarbe darkgray				Schriftfarbwert #ffffe0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#b5b5b5	#b5b5b5	#909090	#909090	#ffffe4	#ffffe4	#dadac0	#dadac0
#c1c1c1	#c1c1c1	#787878	#787878	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#cdcdcd	#cdcdcd	#606060	#606060	#ffffed	#ffffed	#919180	#919180
#dadada	#dadada	#484848	#484848	#fffff1	#fffff1	#6d6d60	#6d6d60
#e6e6e6	#e6e6e6	#303030	#303030	#fffff6	#fffff6	#484840	#484840
#f2f2f2	#f2f2f2	#181818	#181818	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgray und Farbwert #ffffe0

Zebra-Effekt mit Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit den Hintergrundfarben Farbe darkgray und Farbwert #ffffe0.

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

Diese werden dann abwechselnd verwendet.

<table>
<tr class="ying"><td>Q1/1</td><td>Q2/1</td><td>Q3/1</td></tr>
<tr class="yang"><td>Q1/2</td><td>Q2/2</td><td>Q3/2</td></tr>
<tr class="ying"><td>Q1/3</td><td>Q2/3</td><td>Q3/3</td></tr>
</table>

Mehr zu tr erfahren Sie in Tabellen in HTML. Der hier gezeigte HTML-Tag tr ist in der HTML Referenz bei <tr> genau beschrieben.

Wechsel der Textfarbe bei Hover mit Tag center

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

Als Beispiel legen wir Farbe darkgray als Textfarbe von <center> fest:

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

Nun fordern wir, dass sich bei Hover die Textfarbe zu #ffffe0 ändert.

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom Befehl <center>.