Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightgrey und Farbwert #191970

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 lightgrey			Schriftfarbwert #191970
Detail	:	Hintergrund lightgrey	Detail	:	Schrift #191970
Farbe	:	lightgrey	Farbwert	:	#191970
Farbwert	:	#d3d3d3	Farbe	:	midnightblue
HTML	:	lightgrey	HTML	:	#191970
HTML (Wert)	:	#d3d3d3	HTML (Wert)	:	#191970
CSS	:	lightgrey	CSS	:	#191970
CSS (Wert)	:	#d3d3d3	CSS (Wert)	:	#191970
CSS (kürzest)	:	#d3d3d3	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(211,211,211)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(82%,82%,82%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbe lightgrey nach Schriftfarbwert #191970
#d3d3d3	#b8b8c4	#9d9db6	#8383a8	#68689a	#4e4e8c	#33337e	#191970
#d3d3d3	#b8b8c4	#9d9db6	#8383a8	#68689a	#4e4e8c	#33337e	#191970

Kombination von lightgrey und #191970
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #191970 und lightgrey beträgt 52.77%. Die Lesbarkeit dieser Kombination ergibt sich zu 47.23%. #191970 eignet sich nicht als Schriftfarbe auf Hintergrund lightgrey. Zwar ist der Helligkeitsunterschied gross genug, die Farben selbst sind jedoch zu ähnlich.

Hintergrundfarbe lightgrey				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3	#191970	#191970	#191970	#191970
#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4	#393984	#393984	#151560	#151560
#dfdfdf	#dfdfdf	#969696	#969696	#5a5a98	#5a5a98	#111150	#111150
#e5e5e5	#e5e5e5	#787878	#787878	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#ececec	#ececec	#5a5a5a	#5a5a5a	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c	#bdbdd6	#bdbdd6	#070720	#070720
#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightgrey und Farbwert #191970

Wechsel der Textfarbe bei Hover von HTML-Tag center

Die Textfarbe soll sich von Farbe lightgrey auf Farbwert #191970 ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst die Darstellung von <center> in Farbe lightgrey vor.

Wir ändern als Beispiel bei <center> die Textfarbe auf Farbe lightgrey. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf verdana.

<style type="text/css"><!--
  center { 
    color:lightgrey; 
    font-family:verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe auf #191970 ändert.

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

Weiteres zu center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des Tag center lesen Sie in der HTML Referenz unter <center>.

Zebra-Effekt bei HTML-Befehl tr

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit unterschiedlichen Hintergrundfarben Farbe lightgrey und Farbwert #191970.

<style type="text/css"><!--
  tr.ung { 
    background-color: lightgrey;
  }
  tr.ger { 
    background-color:#191970;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr class="ung"><td>Q1/1</td><td>Q2/1</td><td>Q3/1</td></tr>
<tr class="ger"><td>Q1/2</td><td>Q2/2</td><td>Q3/2</td></tr>
<tr class="ung"><td>Q1/3</td><td>Q2/3</td><td>Q3/3</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML lesen. Mehr zum hier verwendeten Tag <tr>.