Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkslateblue 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 darkslateblue			Schriftfarbwert #191970
Detail	:	Hintergrund darkslateblue	Detail	:	Schrift #191970
Farbe	:	darkslateblue	Farbwert	:	#191970
Farbwert	:	#483d8b	Farbe	:	midnightblue
HTML	:	darkslateblue	HTML	:	#191970
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#191970
CSS	:	darkslateblue	CSS	:	#191970
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#191970
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbe darkslateblue nach Schriftfarbwert #191970
#483d8b	#413787	#3a3283	#332d7f	#2d287b	#262377	#1f1e73	#191970
#483d8b	#413787	#3a3283	#332d7f	#2d287b	#262377	#1f1e73	#191970

Kombination von darkslateblue und #191970
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#191970 ist nicht als Schriftfarbe auf Hintergrund darkslateblue geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #191970 und darkslateblue beträgt 92.20%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 7.80%.

Hintergrundfarbe darkslateblue				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#483d8b	#483d8b	#483d8b	#483d8b	#191970	#191970	#191970	#191970
#62589b	#62589b	#3d3477	#3d3477	#393984	#393984	#151560	#151560
#7c74ac	#7c74ac	#332b63	#332b63	#5a5a98	#5a5a98	#111150	#111150
#9690bc	#9690bc	#29224f	#29224f	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#b0abcd	#b0abcd	#1e1a3b	#1e1a3b	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#cac7dd	#cac7dd	#141127	#141127	#bdbdd6	#bdbdd6	#070720	#070720
#e4e3ee	#e4e3ee	#0a0813	#0a0813	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkslateblue und Farbwert #191970

Wechsel der Umrandung bei Hover von HTML-Tag iframe

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

In diesem Beispiel umranden wir <iframe> mit einem 3 Pixel dicken, doppelten Rahmen in Farbe darkslateblue.

<style type="text/css"><!--
  iframe { 
    border-color: darkslateblue; 
    border-width: 3px; 
    border-style: double;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #191970 gesetzt wird.

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

Beschreibung des Tag <iframe>.