Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumseagreen 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.

Hintergrundfarbe mediumseagreen			Schriftfarbwert #ff1493
Detail	:	Hintergrund mediumseagreen	Detail	:	Schrift #ff1493
Farbe	:	mediumseagreen	Farbwert	:	#ff1493
Farbwert	:	#3cb371	Farbe	:	deeppink
HTML	:	mediumseagreen	HTML	:	#ff1493
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#ff1493
CSS	:	mediumseagreen	CSS	:	#ff1493
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbe mediumseagreen nach Schriftfarbwert #ff1493
#3cb371	#579c75	#73857a	#8f6e7f	#ab5884	#c74189	#e32a8e	#ff1493
#3cb371	#579c75	#73857a	#8f6e7f	#ab5884	#c74189	#e32a8e	#ff1493

Kombination von mediumseagreen und #ff1493
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ff1493 und mediumseagreen ergibt sich zu 93.50%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.50%. #ff1493 ist nicht als Schriftfarbe auf Hintergrund mediumseagreen geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe mediumseagreen				Schriftfarbwert #ff1493
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#ff1493	#ff1493	#ff1493	#ff1493
#57bd85	#57bd85	#339960	#339960	#ff35a2	#ff35a2	#da117e	#da117e
#73c899	#73c899	#2a7f50	#2a7f50	#ff57b1	#ff57b1	#b60e69	#b60e69
#8fd3ad	#8fd3ad	#226640	#226640	#ff78c1	#ff78c1	#910b54	#910b54
#abdec2	#abdec2	#194c30	#194c30	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#c7e9d6	#c7e9d6	#113320	#113320	#ffbbe0	#ffbbe0	#48052a	#48052a
#e3f4ea	#e3f4ea	#081910	#081910	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumseagreen und Farbwert #ff1493

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem so genannten Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbe mediumseagreen und Farbwert #ff1493.

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

Diese werden abwechselnd verwendet.

<table>
<tr class="yang"><td><tt>a/a</td><td></tt>b/a</td><td><tt>c/a</td></tr>
<tr class="ying"><td></tt>a/b</td><td><tt>b/b</td><td></tt>c/b</td></tr>
<tr class="yang"><td><tt>a/c</td><td></tt>b/c</td><td>@c/c</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML nachsehen. Möglichkeiten des HTML-Befehl tr lesen Sie in der HTML Referenz unter <tr>.

Wechsel der Textfarbe bei Hover mit HTML-Tag p

Die Textfarbe soll sich von Farbe mediumseagreen auf Farbwert #ff1493 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <p> in Farbe mediumseagreen vor.

Als Beispiel legen wir bei <p> die Textfarbe auf Farbe mediumseagreen fest und setzen die Schriftgröße auf 94%.

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

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe auf #ff1493 ändert.

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

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Möglichkeiten vom hier gezeigten HTML-Tag <p>.