Ressourcen: 120 HTML Farbnamen - Kombination von Farbe forestgreen und Farbwert #fa8072

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 forestgreen			Schriftfarbwert #fa8072
Detail	:	Hintergrund forestgreen	Detail	:	Schrift #fa8072
Farbe	:	forestgreen	Farbwert	:	#fa8072
Farbwert	:	#228b22	Farbe	:	salmon
HTML	:	forestgreen	HTML	:	#fa8072
HTML (Wert)	:	#228b22	HTML (Wert)	:	#fa8072
CSS	:	forestgreen	CSS	:	#fa8072
CSS (Wert)	:	#228b22	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#228b22	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(34,139,34)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(13%,54%,13%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbe forestgreen nach Schriftfarbwert #fa8072
#228b22	#40892d	#5f8738	#7e8644	#9d844f	#bc835b	#db8166	#fa8072
#228b22	#40892d	#5f8738	#7e8644	#9d844f	#bc835b	#db8166	#fa8072

Kombination von forestgreen und #fa8072
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.				Die Ähnlichkeit von #fa8072 und forestgreen beträgt 91.64%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.36%. #fa8072 eignet sich nicht als Schriftfarbe auf Hintergrund forestgreen, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe forestgreen				Schriftfarbwert #fa8072
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#228b22	#228b22	#228b22	#228b22	#fa8072	#fa8072	#fa8072	#fa8072
#419b41	#419b41	#1d771d	#1d771d	#fa9286	#fa9286	#d66d61	#d66d61
#61ac61	#61ac61	#186318	#186318	#fba49a	#fba49a	#b25b51	#b25b51
#80bc80	#80bc80	#134f13	#134f13	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#a0cda0	#a0cda0	#0e3b0e	#0e3b0e	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#bfddbf	#bfddbf	#092709	#092709	#fddad6	#fddad6	#472420	#472420
#dfeedf	#dfeedf	#041304	#041304	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe forestgreen und Farbwert #fa8072

Zebra-Effekt mit HTML-Befehl tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit den Hintergrundfarben Farbe forestgreen und Farbwert #fa8072.

<style type="text/css"><!--
  tr.yang { 
    background-color:forestgreen;
  }
  tr.ying { 
    background-color: #fa8072;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr class="yang"><td>J1-1</td><td>J2-1</td><td>J3-1</td></tr>
<tr class="ying"><td>J1-2</td><td>J2-2</td><td>J3-2</td></tr>
<tr class="yang"><td>J1-3</td><td>J2-3</td><td>J3-3</td></tr>
</table>

Weiteres zum Thema tr erfahren Sie in Tabellen in HTML. Weiteres zum Befehl tr lesen Sie in der HTML Referenz unter <tr>.

Wechsel der Textfarbe bei Hover von Tag p

Die Textfarbe soll sich von Farbe forestgreen auf Farbwert #fa8072 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <p> in Farbe forestgreen vor.

Wir legen in diesem Beispiel Farbe forestgreen als Textfarbe von <p> fest und verkleinern die Schriftgröße auf 89%:

<style type="text/css"><!--
  p { 
    color:forestgreen; 
    font-size:89%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #fa8072 gesetzt wird.

<style type="text/css"><!--
  p:hover { 
    color:#fa8072;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Tag p ist in der HTML Referenz bei <p> ausführlich gezeigt.