Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d3d3d3 und Farbe lightgreen

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.

Hintergrundfarbwert #d3d3d3			Schriftfarbe lightgreen
Detail	:	Hintergrund #d3d3d3	Detail	:	Schrift lightgreen
Farbwert	:	#d3d3d3	Farbe	:	lightgreen
Farbe	:	lightgrey	Farbwert	:	#90ee90
HTML	:	#d3d3d3	HTML	:	lightgreen
HTML (Wert)	:	#d3d3d3	HTML (Wert)	:	#90ee90
CSS	:	#d3d3d3	CSS	:	lightgreen
CSS (Wert)	:	#d3d3d3	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#d3d3d3	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(211,211,211)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(82%,82%,82%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbwert #d3d3d3 nach Schriftfarbe lightgreen
#d3d3d3	#c9d6c9	#bfdabf	#b6deb6	#ace2ac	#a3e6a3	#99ea99	#90ee90
#d3d3d3	#c9d6c9	#bfdabf	#b6deb6	#ace2ac	#a3e6a3	#99ea99	#90ee90

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

Hintergrundfarbwert #d3d3d3				Schriftfarbe lightgreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3	#90ee90	#90ee90	#90ee90	#90ee90
#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#dfdfdf	#dfdfdf	#969696	#969696	#aff2af	#aff2af	#66aa66	#66aa66
#e5e5e5	#e5e5e5	#787878	#787878	#bff5bf	#bff5bf	#528852	#528852
#ececec	#ececec	#5a5a5a	#5a5a5a	#cff7cf	#cff7cf	#3d663d	#3d663d
#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c	#dffadf	#dffadf	#294429	#294429
#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d3d3d3 und Farbe lightgreen

Zebra-Effekt mit Tag tr

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #d3d3d3 und Farbe lightgreen.

<style type="text/css"><!--
  tr.gerade { 
    background-color:#d3d3d3;
  }
  tr.ungerade { 
    background-color:lightgreen;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr class="gerade"><td>F1.1</td><td>F2.1</td><td>F3.1</td></tr>
<tr class="ungerade"><td>F1.2</td><td>F2.2</td><td>F3.2</td></tr>
<tr class="gerade"><td>F1.3</td><td>F2.3</td><td>F3.3</td></tr>
</table>

Mehr zu tr finden Sie in Tabellen in HTML. Beschreibung des HTML-Tag <tr>.

Wechsel der Hintergrundfarbe bei Hover bei Befehl del

Die Hintergrundfarbe soll sich von Farbwert #d3d3d3 auf Farbe lightgreen ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <del> in Farbwert #d3d3d3 vor.

Für dieses Beispiel ändern wir bei <del> die Hintergrundfarbe auf Farbwert #d3d3d3. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf verdana.

<style type="text/css"><!--
  del { 
    font-family:verdana; 
    background-color:#d3d3d3;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu lightgreen ändert.

<style type="text/css"><!--
  del:hover { 
    background-color:lightgreen;
  }
//-->
</style>

Möglichkeiten des HTML-Tag <del>.