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

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 #98fb98			Schriftfarbe firebrick
Detail	:	Hintergrund #98fb98	Detail	:	Schrift firebrick
Farbwert	:	#98fb98	Farbe	:	firebrick
Farbe	:	palegreen	Farbwert	:	#b22222
HTML	:	#98fb98	HTML	:	firebrick
HTML (Wert)	:	#98fb98	HTML (Wert)	:	#b22222
CSS	:	#98fb98	CSS	:	firebrick
CSS (Wert)	:	#98fb98	CSS (Wert)	:	#b22222
CSS (kürzest)	:	#98fb98	CSS (kürzest)	:	#b22222
CSS (RGB)	:	rgb(152,251,152)	CSS (RGB)	:	rgb(178,34,34)
CSS (%RGB)	:	rgb(59%,98%,59%)	CSS (%RGB)	:	rgb(69%,13%,13%)

Verlauf Hintergrundfarbwert #98fb98 nach Schriftfarbe firebrick
#98fb98	#9bdc87	#9fbd76	#a39e65	#a67f54	#aa6043	#ae4132	#b22222
#98fb98	#9bdc87	#9fbd76	#a39e65	#a67f54	#aa6043	#ae4132	#b22222

Kombination von #98fb98 und firebrick
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				firebrick eignet sich nicht als Schriftfarbe auf Hintergrund #98fb98, da die Farben zu ähnlich sind. Die Ähnlichkeit der Farben firebrick und #98fb98 beträgt 74.88%. Die Lesbarkeit dieser Farbkombination liegt damit bei 25.12%.

Hintergrundfarbwert #98fb98				Schriftfarbe firebrick
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#98fb98	#98fb98	#98fb98	#98fb98	#b22222	#b22222	#b22222	#b22222
#a6fba6	#a6fba6	#82d782	#82d782	#bd4141	#bd4141	#981d1d	#981d1d
#b5fcb5	#b5fcb5	#6cb36c	#6cb36c	#c86161	#c86161	#7f1818	#7f1818
#c4fcc4	#c4fcc4	#568f56	#568f56	#d38080	#d38080	#651313	#651313
#d2fdd2	#d2fdd2	#416b41	#416b41	#dea0a0	#dea0a0	#4c0e0e	#4c0e0e
#e1fde1	#e1fde1	#2b472b	#2b472b	#e9bfbf	#e9bfbf	#320909	#320909
#f0fef0	#f0fef0	#152315	#152315	#f4dfdf	#f4dfdf	#190404	#190404
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #98fb98 und Farbe firebrick

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl form

Die Hintergrundfarbe soll sich von Farbwert #98fb98 auf Farbe firebrick ändern, wenn man mit der Maus auf <form> zeigt. Wir bereiten zunächst die Formatierung von <form> in Farbwert #98fb98 vor.

Wir setzen für dieses Beispiel die Hintergrundfarbe von <form> auf Farbwert #98fb98. Die Schriftgröße erhöhen wir auf 119%:

<style type="text/css"><!--
  form { 
    font-size: 119%; 
    background-color: #98fb98;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf firebrick ändert.

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

Mehr zu form finden Sie in Formulare in HTML. Weiteres zum hier gezeigten Tag form ist in der HTML Referenz unter <form> genau gezeigt.

Wechsel der Umrandung bei Hover mit HTML-Befehl tbody

Die Rahmenfarbe soll sich von Farbwert #98fb98 auf Farbe firebrick ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <tbody> in Farbwert #98fb98 vor.

In diesem Beispiel umranden wir <tbody> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbwert #98fb98.

<style type="text/css"><!--
  tbody { border:3px dotted #98fb98; }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf firebrick gesetzt wird.

<style type="text/css"><!--
  tbody: hover { 
    border-color: firebrick;
  }
//-->
</style>

Weiteres zum Thema tbody können Sie in Tabellen in HTML lesen. Die Beschreibung vom hier gezeigten HTML-Befehl tbody erfahren Sie in der HTML Referenz unter <tbody>.