Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumseagreen und Farbwert #dc143c

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 #dc143c
Detail	:	Hintergrund mediumseagreen	Detail	:	Schrift #dc143c
Farbe	:	mediumseagreen	Farbwert	:	#dc143c
Farbwert	:	#3cb371	Farbe	:	crimson
HTML	:	mediumseagreen	HTML	:	#dc143c
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#dc143c
CSS	:	mediumseagreen	CSS	:	#dc143c
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbe mediumseagreen nach Schriftfarbwert #dc143c
#3cb371	#529c69	#698561	#806e5a	#975852	#ae414b	#c52a43	#dc143c
#3cb371	#529c69	#698561	#806e5a	#975852	#ae414b	#c52a43	#dc143c

Kombination von mediumseagreen und #dc143c
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 der Farben #dc143c und mediumseagreen beträgt 91.09%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.91%. Auf Hintergrund mediumseagreen ist #dc143c ungeeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe mediumseagreen				Schriftfarbwert #dc143c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#dc143c	#dc143c	#dc143c	#dc143c
#57bd85	#57bd85	#339960	#339960	#e13557	#e13557	#bc1133	#bc1133
#73c899	#73c899	#2a7f50	#2a7f50	#e65773	#e65773	#9d0e2a	#9d0e2a
#8fd3ad	#8fd3ad	#226640	#226640	#eb788f	#eb788f	#7d0b22	#7d0b22
#abdec2	#abdec2	#194c30	#194c30	#f09aab	#f09aab	#5e0819	#5e0819
#c7e9d6	#c7e9d6	#113320	#113320	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#e3f4ea	#e3f4ea	#081910	#081910	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumseagreen und Farbwert #dc143c

Wechsel der Textfarbe bei Hover mit HTML-Befehl tr

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

In diesem Beispiel legen wir Farbe mediumseagreen als Textfarbe von <tr> fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf arial.

<style type="text/css"><!--
  tr { 
    font-family: arial; 
    color: mediumseagreen;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf #dc143c gesetzt wird.

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

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Weiteres zum Befehl <tr>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag h3

Eine Überschrift der 3. Stufe setzt man mit HTML-Tag <h3>. Sie kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe mediumseagreen auf Farbwert #dc143c ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h3> in Farbe mediumseagreen vor.

Wir legen zum Beispiel Farbe mediumseagreen als Hintergrundfarbe von <h3> fest. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf monospace:

<style type="text/css"><!--
  h3 { 
    font-family:monospace; 
    background-color:mediumseagreen;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #dc143c gesetzt wird.

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

Weiteres zum Thema h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der hier verwendete Tag h3 ist in der HTML Referenz bei <h3> gezeigt.