Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #191970 und Farbwert #2e8b57

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 #191970			Schriftfarbwert #2e8b57
Detail	:	Hintergrund #191970	Detail	:	Schrift #2e8b57
Farbwert	:	#191970	Farbwert	:	#2e8b57
Farbe	:	midnightblue	Farbe	:	seagreen
HTML	:	#191970	HTML	:	#2e8b57
HTML (Wert)	:	#191970	HTML (Wert)	:	#2e8b57
CSS	:	#191970	CSS	:	#2e8b57
CSS (Wert)	:	#191970	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#191970	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(25,25,112)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(9%,9%,43%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbwert #191970 nach Schriftfarbwert #2e8b57
#191970	#1c296c	#1f3968	#224965	#255a61	#286a5e	#2b7a5a	#2e8b57
#191970	#1c296c	#1f3968	#224965	#255a61	#286a5e	#2b7a5a	#2e8b57

Kombination von #191970 und #2e8b57
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #2e8b57 und #191970 beträgt 83.34%. Die Lesbarkeit dieser Kombination ergibt sich zu 16.66%. #2e8b57 eignet sich nicht als Schriftfarbe auf Hintergrund #191970. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #191970				Schriftfarbwert #2e8b57
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#191970	#191970	#191970	#191970	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#393984	#393984	#151560	#151560	#4b9b6f	#4b9b6f	#27774a	#27774a
#5a5a98	#5a5a98	#111150	#111150	#69ac87	#69ac87	#20633e	#20633e
#7b7bad	#7b7bad	#0e0e40	#0e0e40	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#9c9cc1	#9c9cc1	#0a0a30	#0a0a30	#a5cdb7	#a5cdb7	#133b25	#133b25
#bdbdd6	#bdbdd6	#070720	#070720	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#dedeea	#dedeea	#030310	#030310	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #191970 und Farbwert #2e8b57

Wechsel der Textfarbe bei Hover von Befehl a

Einen Verweis erzeugt man mit Befehl <a>. Diesen kann man farblich gestalten.

Die Textfarbe soll sich von Farbwert #191970 auf Farbwert #2e8b57 ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #191970 vor.

Wir legen als Beispiel die Textfarbe von <a> auf Farbwert #191970 fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  a { 
    color: #191970; 
    font-family: sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #2e8b57 geändert wird.

<style type="text/css"><!--
  a:hover { 
    color:#2e8b57;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML finden. Weiteres zum hier verwendeten Befehl a ist in der HTML Referenz unter <a> gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei Befehl h4

Eine Überschrift der 4. Stufe setzen Sie mit HTML-Tag <h4>. Diese kann man farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #191970 auf Farbwert #2e8b57 ändern, wenn man mit der Maus auf <h4> zeigt. Bereiten wir zunächst die Darstellung von <h4> in Farbwert #191970 vor.

Wir legen in diesem Beispiel die Hintergrundfarbe von <h4> auf Farbwert #191970 fest:

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

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #2e8b57 ändert.

<style type="text/css"><!--
  h4: hover { 
    background-color: #2e8b57;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten des HTML-Befehl <h4>.