Ressourcen: 137 HTML Farbnamen - Kombination von Farbe midnightblue und Farbwert #1e90ff

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.

Hintergrundfarbe midnightblue			Schriftfarbwert #1e90ff
Detail	:	Hintergrund midnightblue	Detail	:	Schrift #1e90ff
Farbe	:	midnightblue	Farbwert	:	#1e90ff
Farbwert	:	#191970	Farbe	:	dodgerblue
HTML	:	midnightblue	HTML	:	#1e90ff
HTML (Wert)	:	#191970	HTML (Wert)	:	#1e90ff
CSS	:	midnightblue	CSS	:	#1e90ff
CSS (Wert)	:	#191970	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#191970	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(25,25,112)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(9%,9%,43%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbe midnightblue nach Schriftfarbwert #1e90ff
#191970	#192a84	#1a3b98	#1b4cad	#1b5dc1	#1c6ed6	#1d7fea	#1e90ff
#191970	#192a84	#1a3b98	#1b4cad	#1b5dc1	#1c6ed6	#1d7fea	#1e90ff

Kombination von midnightblue und #1e90ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund midnightblue ist #1e90ff ungeeignet, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #1e90ff und midnightblue ergibt sich zu 78.15%. Die Lesbarkeit dieser Farbkombination liegt damit bei 21.85%.

Hintergrundfarbe midnightblue				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#191970	#191970	#191970	#191970	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#393984	#393984	#151560	#151560	#3e9fff	#3e9fff	#197bda	#197bda
#5a5a98	#5a5a98	#111150	#111150	#5eafff	#5eafff	#1566b6	#1566b6
#7b7bad	#7b7bad	#0e0e40	#0e0e40	#7ebfff	#7ebfff	#115291	#115291
#9c9cc1	#9c9cc1	#0a0a30	#0a0a30	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#bdbdd6	#bdbdd6	#070720	#070720	#bedfff	#bedfff	#082948	#082948
#dedeea	#dedeea	#030310	#030310	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe midnightblue und Farbwert #1e90ff

Wechsel der Umrandung bei Hover von Tag dt

Die Rahmenfarbe soll sich von Farbe midnightblue auf Farbwert #1e90ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <dt> in Farbe midnightblue vor.

In diesem Beispiel umranden wir <dt> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe midnightblue.

<style type="text/css"><!--
  dt { border:4px ridge midnightblue; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #1e90ff ändert.

<style type="text/css"><!--
  dt: hover { 
    border-color: #1e90ff;
  }
//-->
</style>

Weiteres zu dt können Sie in Listen und Glossare in HTML finden. Weiteres zum hier verwendeten Befehl dt ist in der HTML Referenz bei <dt> ausführlich gezeigt.

Wechsel der Hintergrundfarbe bei Hover von Tag button

Die Hintergrundfarbe soll sich von Farbe midnightblue auf Farbwert #1e90ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <button> in Farbe midnightblue vor.

Wir legen in diesem Beispiel Farbe midnightblue als Hintergrundfarbe von <button> fest:

<style type="text/css"><!--
  button { 
    background-color: midnightblue;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #1e90ff ändert.

<style type="text/css"><!--
  button: hover { 
    background-color: #1e90ff;
  }
//-->
</style>

Mehr zu button können Sie in Formulare in HTML erfahren. Möglichkeiten des Tag button finden Sie in der HTML Referenz unter <button>.