Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkslateblue und Farbwert #191970

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 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
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante.				Die Ähnlichkeit der Farben #191970 und darkslateblue ergibt sich zu 92.20%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.80%. Auf Hintergrund darkslateblue ist #191970 ungeeignet, weil die Helligkeit und Farben zu ähnlich sind.

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

Beispiele zur Kombination von Farbe darkslateblue und Farbwert #191970

Wechsel der Umrandung bei Hover von HTML-Tag a

Mit HTML-Tag <a> wird ein Verweis erzeugt. Er kann hervorgehoben und farblich gestaltet werden.

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

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbe darkslateblue.

<style type="text/css"><!--
  a { border:2px dashed darkslateblue; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #191970 geändert wird.

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

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung vom hier genutzten Befehl a finden Sie in der HTML Referenz unter <a>.

Text- und Unterstreichungsfarben bei Befehl s

Für dieses Beispiel ändern wir die Textfarbe von <s> auf Farbwert #191970 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf monospace und setzen die Schriftgröße auf 11pt. Wir unterstreichen den Inhalt von <s> mit Hilfe eines doppelten Rahmens mit 1 Pixel Dicke in Farbe darkslateblue. Mit HTML ist das kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  s { 
    color: #191970; 
    border-bottom: 1px double darkslateblue; 
    font-family: monospace; 
    font-size: 11pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu s können Sie in Text in HTML nachlesen. Einzelheiten vom hier genutzten HTML-Befehl s sind in der HTML Referenz unter <s> genau zusammengestellt.