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

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 #fa8072			Schriftfarbwert #ff1493
Detail	:	Hintergrund #fa8072	Detail	:	Schrift #ff1493
Farbwert	:	#fa8072	Farbwert	:	#ff1493
Farbe	:	salmon	Farbe	:	deeppink
HTML	:	#fa8072	HTML	:	#ff1493
HTML (Wert)	:	#fa8072	HTML (Wert)	:	#ff1493
CSS	:	#fa8072	CSS	:	#ff1493
CSS (Wert)	:	#fa8072	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#fa8072	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(250,128,114)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(98%,50%,44%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbwert #fa8072 nach Schriftfarbwert #ff1493
#fa8072	#fa7076	#fb617b	#fc5180	#fc4284	#fd3289	#fe238e	#ff1493
#fa8072	#fa7076	#fb617b	#fc5180	#fc4284	#fd3289	#fe238e	#ff1493

Kombination von #fa8072 und #ff1493
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 #ff1493 und #fa8072 beträgt 93.08%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.92%. #ff1493 ist nicht als Schriftfarbe auf Hintergrund #fa8072 geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbwert #fa8072				Schriftfarbwert #ff1493
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fa8072	#fa8072	#fa8072	#fa8072	#ff1493	#ff1493	#ff1493	#ff1493
#fa9286	#fa9286	#d66d61	#d66d61	#ff35a2	#ff35a2	#da117e	#da117e
#fba49a	#fba49a	#b25b51	#b25b51	#ff57b1	#ff57b1	#b60e69	#b60e69
#fcb6ae	#fcb6ae	#8e4941	#8e4941	#ff78c1	#ff78c1	#910b54	#910b54
#fcc8c2	#fcc8c2	#6b3630	#6b3630	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#fddad6	#fddad6	#472420	#472420	#ffbbe0	#ffbbe0	#48052a	#48052a
#feecea	#feecea	#231210	#231210	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fa8072 und Farbwert #ff1493

Wechsel der Textfarbe bei Hover mit Befehl table

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

Wir legen z.B. Farbwert #fa8072 als Textfarbe von <table> fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart ändern wir auf sans-serif und vergrößern die Schriftgröße auf 119%:

<style type="text/css"><!--
  table { 
    color:#fa8072; 
    font-family:sans-serif; 
    font-size:119%;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #ff1493 ändert.

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

Mehr zu table lesen Sie in Tabellen in HTML. Mehr zum hier gezeigten HTML-Tag table ist in der HTML Referenz bei <table> ausführlich gezeigt.

Zebra-Effekt bei Befehl tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #fa8072 und Farbwert #ff1493.

<style type="text/css"><!--
  tr.odd { 
    background-color:#fa8072;
  }
  tr.even { 
    background-color:#ff1493;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr class="odd"><td>BA:A</td><td>BB:A</td><td>BC:A</td></tr>
<tr class="even"><td>BA:B</td><td>BB:B</td><td>BC:B</td></tr>
<tr class="odd"><td>BA:C</td><td>BB:C</td><td>BC:C</td></tr>
</table>

Mehr zum Thema tr erfahren Sie in Tabellen in HTML. Möglichkeiten des Befehl <tr>.