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

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 #ffffe0			Schriftfarbwert #3cb371
Detail	:	Hintergrund #ffffe0	Detail	:	Schrift #3cb371
Farbwert	:	#ffffe0	Farbwert	:	#3cb371
Farbe	:	lightyellow	Farbe	:	mediumseagreen
HTML	:	#ffffe0	HTML	:	#3cb371
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#3cb371
CSS	:	#ffffe0	CSS	:	#3cb371
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbwert #ffffe0 nach Schriftfarbwert #3cb371
#ffffe0	#e3f4d0	#c7e9c0	#abdeb0	#8fd3a0	#73c890	#57bd80	#3cb371
#ffffe0	#e3f4d0	#c7e9c0	#abdeb0	#8fd3a0	#73c890	#57bd80	#3cb371

Kombination von #ffffe0 und #3cb371
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. Cras id velit ante.				Die Ähnlichkeit der Farben #3cb371 und #ffffe0 ergibt sich zu 87.53%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.47%. Auf Hintergrund #ffffe0 ist #3cb371 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #ffffe0				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#3cb371	#3cb371	#3cb371	#3cb371
#ffffe4	#ffffe4	#dadac0	#dadac0	#57bd85	#57bd85	#339960	#339960
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#73c899	#73c899	#2a7f50	#2a7f50
#ffffed	#ffffed	#919180	#919180	#8fd3ad	#8fd3ad	#226640	#226640
#fffff1	#fffff1	#6d6d60	#6d6d60	#abdec2	#abdec2	#194c30	#194c30
#fffff6	#fffff6	#484840	#484840	#c7e9d6	#c7e9d6	#113320	#113320
#fffffa	#fffffa	#242420	#242420	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Hintergrundfarbe bei Hover bei Tag h4

Mit HTML-Befehl <h4> setzen Sie eine Überschrift. Diese kann man farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbwert #ffffe0 auf Farbwert #3cb371 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h4> in Farbwert #ffffe0 vor.

Z.B. ändern wir die Hintergrundfarbe von <h4> auf Farbwert #ffffe0. Die Textfarbe verändern wir nicht. Die Schriftart ändern wir auf arial und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  h4 { 
    font-size: 13px; 
    background-color: #ffffe0; 
    font-family: arial;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #3cb371 geändert wird.

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

Weiteres zum Thema h4 finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag h4 ist in der HTML Referenz unter <h4> ausführlich gezeigt.

Wechsel der Textfarbe bei Hover von Befehl table

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

Als Beispiel legen wir die Textfarbe von <table> auf Farbwert #ffffe0 fest. Die Größe der Schrift ändern wir auf 11pt.

<style type="text/css"><!--
  table { 
    color:#ffffe0; 
    font-size:11pt;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #3cb371 ändert.

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

Mehr zum Thema können Sie in Tabellen in HTML finden. Mehr zum hier gezeigten Befehl <table>.