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

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 #191970
Detail	:	Hintergrund mediumseagreen	Detail	:	Schrift #191970
Farbe	:	mediumseagreen	Farbwert	:	#191970
Farbwert	:	#3cb371	Farbe	:	midnightblue
HTML	:	mediumseagreen	HTML	:	#191970
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#191970
CSS	:	mediumseagreen	CSS	:	#191970
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#191970
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbe mediumseagreen nach Schriftfarbwert #191970
#3cb371	#379d70	#328770	#2d7170	#285b70	#234570	#1e2f70	#191970
#3cb371	#379d70	#328770	#2d7170	#285b70	#234570	#1e2f70	#191970

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

Hintergrundfarbe mediumseagreen				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#191970	#191970	#191970	#191970
#57bd85	#57bd85	#339960	#339960	#393984	#393984	#151560	#151560
#73c899	#73c899	#2a7f50	#2a7f50	#5a5a98	#5a5a98	#111150	#111150
#8fd3ad	#8fd3ad	#226640	#226640	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#abdec2	#abdec2	#194c30	#194c30	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#c7e9d6	#c7e9d6	#113320	#113320	#bdbdd6	#bdbdd6	#070720	#070720
#e3f4ea	#e3f4ea	#081910	#081910	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumseagreen und Farbwert #191970

Wechsel der Textfarbe bei Hover bei Befehl em

Die Textfarbe soll sich von Farbe mediumseagreen auf Farbwert #191970 ändern, wenn man mit der Maus auf <em> zeigt. Bereiten wir zunächst eine Formatierung von <em> in Farbe mediumseagreen vor.

Wir legen hier Farbe mediumseagreen als Textfarbe von <em> fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf monospace. Die Schriftgröße verringern wir auf 91%.

<style type="text/css"><!--
  em { 
    color:mediumseagreen; 
    font-family:monospace; 
    font-size:91%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #191970 gesetzt wird.

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

Mehr zu em können Sie in Text in HTML lesen. Weiteres zum Befehl em ist in der HTML Referenz bei <em> ausführlich zusammengestellt.

Wechsel der Umrandung bei Hover bei HTML-Tag pre

Die Rahmenfarbe soll sich von Farbe mediumseagreen auf Farbwert #191970 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <pre> in Farbe mediumseagreen vor.

In diesem Beispiel umranden wir <pre> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbe mediumseagreen.

<style type="text/css"><!--
  pre { border:3px dotted mediumseagreen; }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #191970 geändert wird.

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

Weiteres zum Thema pre erfahren Sie in Blockorientierte Elemente in HTML. Zur Beschreibung des Tag <pre>.