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

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 #8b008b
Detail	:	Hintergrund darkslateblue	Detail	:	Schrift #8b008b
Farbe	:	darkslateblue	Farbwert	:	#8b008b
Farbwert	:	#483d8b	Farbe	:	darkmagenta
HTML	:	darkslateblue	HTML	:	#8b008b
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#8b008b
CSS	:	darkslateblue	CSS	:	#8b008b
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#8b008b
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#8b008b
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(139,0,139)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(54%,0%,54%)

Verlauf Hintergrundfarbe darkslateblue nach Schriftfarbwert #8b008b
#483d8b	#51348b	#5b2b8b	#64228b	#6e1a8b	#77118b	#81088b	#8b008b
#483d8b	#51348b	#5b2b8b	#64228b	#6e1a8b	#77118b	#81088b	#8b008b

Kombination von darkslateblue und #8b008b
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				Die Ähnlichkeit von #8b008b und darkslateblue beträgt 94.92%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.08%. Auf Hintergrund darkslateblue ist #8b008b ungeeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbe darkslateblue				Schriftfarbwert #8b008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#483d8b	#483d8b	#483d8b	#483d8b	#8b008b	#8b008b	#8b008b	#8b008b
#62589b	#62589b	#3d3477	#3d3477	#9b249b	#9b249b	#770077	#770077
#7c74ac	#7c74ac	#332b63	#332b63	#ac48ac	#ac48ac	#630063	#630063
#9690bc	#9690bc	#29224f	#29224f	#bc6dbc	#bc6dbc	#4f004f	#4f004f
#b0abcd	#b0abcd	#1e1a3b	#1e1a3b	#cd91cd	#cd91cd	#3b003b	#3b003b
#cac7dd	#cac7dd	#141127	#141127	#ddb6dd	#ddb6dd	#270027	#270027
#e4e3ee	#e4e3ee	#0a0813	#0a0813	#eedaee	#eedaee	#130013	#130013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkslateblue und Farbwert #8b008b

Füllen und Umranden von Tag cite

Für dieses Beispiel umranden wir <cite> mit einem . Den Hintergrund von <cite> setzen wir entsprechend auf Farbe darkslateblue. Mit HTML ist dies nicht machbar. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  cite { border:2px inset #8b008b; background-color:darkslateblue; }
//-->
</style>

Die Beschreibung vom Tag cite lesen Sie in der HTML Referenz unter <cite>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl h3

Eine Überschrift setzt man mit Tag <h3>. Diese können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbe darkslateblue auf Farbwert #8b008b ändern, wenn man mit der Maus auf <h3> zeigt. Bereiten wir zunächst eine Formatierung von <h3> in Farbe darkslateblue vor.

Für dieses Beispiel legen wir Farbe darkslateblue als Textfarbe von <h3> fest. Die Größe der Schrift erhöhen wir auf 110%:

<style type="text/css"><!--
  h3 { 
    font-size:110%; 
    color:darkslateblue;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #8b008b geändert wird.

<style type="text/css"><!--
  h3:hover { 
    color:#8b008b;
  }
//-->
</style>

Weiteres zu h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier genutzten Tag h3 erfahren Sie in der HTML Referenz unter <h3>.