Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #e9967a und Farbwert #c71585

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #e9967a			Schriftfarbwert #c71585
Detail	:	Hintergrund #e9967a	Detail	:	Schrift #c71585
Farbwert	:	#e9967a	Farbwert	:	#c71585
Farbe	:	darksalmon	Farbe	:	mediumvioletred
HTML	:	#e9967a	HTML	:	#c71585
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#c71585
CSS	:	#e9967a	CSS	:	#c71585
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbwert #e9967a nach Schriftfarbwert #c71585
#e9967a	#e4837b	#df717d	#da5e7e	#d54c80	#d03981	#cb2783	#c71585
#e9967a	#e4837b	#df717d	#da5e7e	#d54c80	#d03981	#cb2783	#c71585

Kombination von #e9967a und #c71585
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #e9967a ist #c71585 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #c71585 und #e9967a beträgt 88.81%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 11.19%.

Hintergrundfarbwert #e9967a				Schriftfarbwert #c71585
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#c71585	#c71585	#c71585	#c71585
#eca58d	#eca58d	#c78068	#c78068	#cf3696	#cf3696	#aa1272	#aa1272
#efb4a0	#efb4a0	#a66b57	#a66b57	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#f2c3b3	#f2c3b3	#855545	#855545	#df79b9	#df79b9	#710c4c	#710c4c
#f5d2c6	#f5d2c6	#634034	#634034	#e79aca	#e79aca	#550939	#550939
#f8e1d9	#f8e1d9	#422a22	#422a22	#efbcdc	#efbcdc	#380626	#380626
#fbf0ec	#fbf0ec	#211511	#211511	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e9967a und Farbwert #c71585

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #e9967a und Farbwert #c71585.

<style type="text/css"><!--
  tr.ungerade { 
    background-color: #e9967a;
  }
  tr.gerade { 
    background-color:#c71585;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr class="ungerade"><td>KA~A</td><td>KB~A</td><td>KC~A</td></tr>
<tr class="gerade"><td>KA~B</td><td>KB~B</td><td>KC~B</td></tr>
<tr class="ungerade"><td>KA~C</td><td>KB~C</td><td>KC~C</td></tr>
</table>

Weiteres zum Thema tr können Sie in Tabellen in HTML nachlesen. Einzelheiten des HTML-Tag <tr>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag pre

Die Hintergrundfarbe soll sich von Farbwert #e9967a auf Farbwert #c71585 ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst die Formatierung von <pre> in Farbwert #e9967a vor.

Zum Beispiel legen wir Farbwert #e9967a als Hintergrundfarbe von <pre> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf verdana. Die Schriftgröße ändern wir auf 13px:

<style type="text/css"><!--
  pre { 
    background-color: #e9967a; 
    font-family: verdana; 
    font-size: 13px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #c71585 ändert.

<style type="text/css"><!--
  pre: hover { 
    background-color: #c71585;
  }
//-->
</style>

Mehr zu pre lesen Sie in Blockorientierte Elemente in HTML. Möglichkeiten vom hier genutzten Befehl <pre>.