Ressourcen: 120 HTML Farbnamen - Kombination von Farbe midnightblue und Farbwert #5f9ea0

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 midnightblue			Schriftfarbwert #5f9ea0
Detail	:	Hintergrund midnightblue	Detail	:	Schrift #5f9ea0
Farbe	:	midnightblue	Farbwert	:	#5f9ea0
Farbwert	:	#191970	Farbe	:	cadetblue
HTML	:	midnightblue	HTML	:	#5f9ea0
HTML (Wert)	:	#191970	HTML (Wert)	:	#5f9ea0
CSS	:	midnightblue	CSS	:	#5f9ea0
CSS (Wert)	:	#191970	CSS (Wert)	:	#5f9ea0
CSS (kürzest)	:	#191970	CSS (kürzest)	:	#5f9ea0
CSS (RGB)	:	rgb(25,25,112)	CSS (RGB)	:	rgb(95,158,160)
CSS (%RGB)	:	rgb(9%,9%,43%)	CSS (%RGB)	:	rgb(37%,61%,62%)

Verlauf Hintergrundfarbe midnightblue nach Schriftfarbwert #5f9ea0
#191970	#232c76	#2d3f7d	#375284	#41658b	#4b7892	#558b99	#5f9ea0
#191970	#232c76	#2d3f7d	#375284	#41658b	#4b7892	#558b99	#5f9ea0

Kombination von midnightblue und #5f9ea0
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund midnightblue ist #5f9ea0 ungeeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit von #5f9ea0 und midnightblue beträgt 76.82%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 23.18%.

Hintergrundfarbe midnightblue				Schriftfarbwert #5f9ea0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#191970	#191970	#191970	#191970	#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0
#393984	#393984	#151560	#151560	#75abad	#75abad	#518789	#518789
#5a5a98	#5a5a98	#111150	#111150	#8cb9bb	#8cb9bb	#437072	#437072
#7b7bad	#7b7bad	#0e0e40	#0e0e40	#a3c7c8	#a3c7c8	#365a5b	#365a5b
#9c9cc1	#9c9cc1	#0a0a30	#0a0a30	#bad5d6	#bad5d6	#284344	#284344
#bdbdd6	#bdbdd6	#070720	#070720	#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d
#dedeea	#dedeea	#030310	#030310	#e8f1f1	#e8f1f1	#0d1616	#0d1616
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe midnightblue und Farbwert #5f9ea0

Hintergrund/Text-Kombination mit Tag div

Mit Befehl <div> wird ein Kontainer gesetzt und kann farblich gestaltet und hervorgehoben werden.

Hier ändern wir die Textfarbe von <div> auf Farbwert #5f9ea0 und die Hintergrundfarbe von <div> auf Farbe midnightblue. Als Schriftart wählen wir sans-serif. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  div { 
    font-family: sans-serif; 
    color: #5f9ea0; 
    font-size: 13px; 
    background-color: midnightblue;
  }
//-->
</style>

Einzelheiten des hier gezeigten HTML-Tag div sind in der HTML Referenz bei <div> zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl h4

Eine Überschrift wird mit HTML-Befehl <h4> erzeugt und kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbe midnightblue auf Farbwert #5f9ea0 ändern, wenn man mit der Maus auf <h4> zeigt. Bereiten wir zunächst die Formatierung von <h4> in Farbe midnightblue vor.

Wir legen in diesem Beispiel die Hintergrundfarbe von <h4> auf Farbe midnightblue fest. Die Schriftgröße verringern wir auf 92%:

<style type="text/css"><!--
  h4 { 
    background-color: midnightblue; 
    font-size: 92%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #5f9ea0 geändert wird.

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

Mehr zum Thema h4 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Die Beschreibung des HTML-Befehl h4 lesen Sie in der HTML Referenz unter <h4>.