Ressourcen: 120 HTML Farbnamen - Kombination von Farbe tomato und Farbwert #98fb98

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 tomato			Schriftfarbwert #98fb98
Detail	:	Hintergrund tomato	Detail	:	Schrift #98fb98
Farbe	:	tomato	Farbwert	:	#98fb98
Farbwert	:	#ff6347	Farbe	:	palegreen
HTML	:	tomato	HTML	:	#98fb98
HTML (Wert)	:	#ff6347	HTML (Wert)	:	#98fb98
CSS	:	tomato	CSS	:	#98fb98
CSS (Wert)	:	#ff6347	CSS (Wert)	:	#98fb98
CSS (kürzest)	:	#ff6347	CSS (kürzest)	:	#98fb98
CSS (RGB)	:	rgb(255,99,71)	CSS (RGB)	:	rgb(152,251,152)
CSS (%RGB)	:	rgb(100%,38%,27%)	CSS (%RGB)	:	rgb(59%,98%,59%)

Verlauf Hintergrundfarbe tomato nach Schriftfarbwert #98fb98
#ff6347	#f07852	#e18e5e	#d2a469	#c4b975	#b5cf80	#a6e58c	#98fb98
#ff6347	#f07852	#e18e5e	#d2a469	#c4b975	#b5cf80	#a6e58c	#98fb98

Kombination von tomato und #98fb98
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund tomato ist #98fb98 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #98fb98 und tomato ergibt sich zu 88.92%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 11.08%.

Hintergrundfarbe tomato				Schriftfarbwert #98fb98
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff6347	#ff6347	#ff6347	#ff6347	#98fb98	#98fb98	#98fb98	#98fb98
#ff7961	#ff7961	#da543c	#da543c	#a6fba6	#a6fba6	#82d782	#82d782
#ff8f7b	#ff8f7b	#b64632	#b64632	#b5fcb5	#b5fcb5	#6cb36c	#6cb36c
#ffa595	#ffa595	#913828	#913828	#c4fcc4	#c4fcc4	#568f56	#568f56
#ffbcb0	#ffbcb0	#6d2a1e	#6d2a1e	#d2fdd2	#d2fdd2	#416b41	#416b41
#ffd2ca	#ffd2ca	#481c14	#481c14	#e1fde1	#e1fde1	#2b472b	#2b472b
#ffe8e4	#ffe8e4	#240e0a	#240e0a	#f0fef0	#f0fef0	#152315	#152315
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe tomato und Farbwert #98fb98

Wechsel der Textfarbe bei Hover bei HTML-Tag form

Die Textfarbe soll sich von Farbe tomato auf Farbwert #98fb98 ändern, wenn man mit der Maus auf <form> zeigt. Bereiten wir zunächst eine Formatierung von <form> in Farbe tomato vor.

Wir setzen für dieses Beispiel die Textfarbe von <form> auf Farbe tomato.

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #98fb98 geändert wird.

<style type="text/css"><!--
  form:hover { 
    color:#98fb98;
  }
//-->
</style>

Weiteres zu form lesen Sie in Formulare in HTML. Einzelheiten des hier genutzten HTML-Tag <form>.

Wechsel der Hintergrundfarbe bei Hover von Tag dt

Die Hintergrundfarbe soll sich von Farbe tomato auf Farbwert #98fb98 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <dt> in Farbe tomato vor.

Wir legen zum Beispiel Farbe tomato als Hintergrundfarbe von <dt> fest. Die Größe der Schrift ändern wir auf 13px:

<style type="text/css"><!--
  dt { 
    font-size: 13px; 
    background-color: tomato;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #98fb98 ändert.

<style type="text/css"><!--
  dt: hover { 
    background-color: #98fb98;
  }
//-->
</style>

Mehr zum Thema dt können Sie in Listen und Glossare in HTML nachlesen. Die Beschreibung vom hier verwendeten Befehl dt lesen Sie in der HTML Referenz unter <dt>.