Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #3cb371 und Farbwert #fffaf0

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 #3cb371			Schriftfarbwert #fffaf0
Detail	:	Hintergrund #3cb371	Detail	:	Schrift #fffaf0
Farbwert	:	#3cb371	Farbwert	:	#fffaf0
Farbe	:	mediumseagreen	Farbe	:	floralwhite
HTML	:	#3cb371	HTML	:	#fffaf0
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#fffaf0
CSS	:	#3cb371	CSS	:	#fffaf0
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbwert #3cb371 nach Schriftfarbwert #fffaf0
#3cb371	#57bd83	#73c795	#8fd1a7	#abdbb9	#c7e5cb	#e3efdd	#fffaf0
#3cb371	#57bd83	#73c795	#8fd1a7	#abdbb9	#c7e5cb	#e3efdd	#fffaf0

Kombination von #3cb371 und #fffaf0
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fffaf0 ist nicht als Schriftfarbe auf Hintergrund #3cb371 geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #fffaf0 und #3cb371 ergibt sich zu 87.80%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.20%.

Hintergrundfarbwert #3cb371				Schriftfarbwert #fffaf0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#57bd85	#57bd85	#339960	#339960	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#73c899	#73c899	#2a7f50	#2a7f50	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#8fd3ad	#8fd3ad	#226640	#226640	#fffcf6	#fffcf6	#918e89	#918e89
#abdec2	#abdec2	#194c30	#194c30	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#c7e9d6	#c7e9d6	#113320	#113320	#fffdfa	#fffdfa	#484744	#484744
#e3f4ea	#e3f4ea	#081910	#081910	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #3cb371 und Farbwert #fffaf0

Zebra-Effekt mit HTML-Befehl td

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <td> mit den Hintergrundfarben Farbwert #3cb371 und Farbwert #fffaf0.

<style type="text/css"><!--
  td.odd { 
    background-color:#3cb371;
  }
  td.even { 
    background-color:#fffaf0;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="odd">Ma/a</td><td class="even">Mb/a</td><td class="odd">Mc/a</td></tr>
<tr><td class="odd">Ma/b</td><td class="even">Mb/b</td><td class="odd">Mc/b</td></tr>
<tr><td class="odd">Ma/c</td><td class="even">Mb/c</td><td class="odd">Mc/c</td></tr>
</table>

Mehr zu td können Sie in Tabellen in HTML nachlesen. Beschreibung vom Tag <td>.

Wechsel der Hintergrundfarbe bei Hover mit Tag span

Die Hintergrundfarbe soll sich von Farbwert #3cb371 auf Farbwert #fffaf0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <span> in Farbwert #3cb371 vor.

Für dieses Beispiel legen wir bei <span> die Hintergrundfarbe auf Farbwert #3cb371 fest:

<style type="text/css"><!--
  span { 
    background-color: #3cb371;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #fffaf0 ändert.

<style type="text/css"><!--
  span: hover { 
    background-color: #fffaf0;
  }
//-->
</style>

Möglichkeiten vom hier gezeigten HTML-Tag <span>.