Ressourcen: 137 HTML Farbnamen - Kombination von Farbe slateblue und Farbwert #000080

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 slateblue			Schriftfarbwert #000080
Detail	:	Hintergrund slateblue	Detail	:	Schrift #000080
Farbe	:	slateblue	Farbwert	:	#000080
Farbwert	:	#6a5acd	Farbe	:	navy
HTML	:	slateblue	HTML	:	#000080
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#000080
CSS	:	slateblue	CSS	:	#000080
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#000080
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#000080
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(0,0,128)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(0%,0%,50%)

Verlauf Hintergrundfarbe slateblue nach Schriftfarbwert #000080
#6a5acd	#5a4dc2	#4b40b7	#3c33ac	#2d26a1	#1e1996	#0f0c8b	#000080
#6a5acd	#5a4dc2	#4b40b7	#3c33ac	#2d26a1	#1e1996	#0f0c8b	#000080

Kombination von slateblue und #000080
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.				#000080 ist nicht als Schriftfarbe auf Hintergrund slateblue geeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #000080 und slateblue ergibt sich zu 85.64%. Die Lesbarkeit dieser Kombination ergibt sich zu 14.36%.

Hintergrundfarbe slateblue				Schriftfarbwert #000080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#000080	#000080	#000080	#000080
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#242492	#242492	#00006d	#00006d
#9489db	#9489db	#4b4092	#4b4092	#4848a4	#4848a4	#00005b	#00005b
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#6d6db6	#6d6db6	#000049	#000049
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#9191c8	#9191c8	#000036	#000036
#d4cff0	#d4cff0	#1e193a	#1e193a	#b6b6da	#b6b6da	#000024	#000024
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#dadaec	#dadaec	#000012	#000012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe slateblue und Farbwert #000080

Füllen und Umranden von Tag address

In diesem Beispiel umranden wir <address> mit einem gepunkteten, 4 Pixel dicken Rahmen in Farbwert #000080 . Die Hintergrundfarbe für <address> setzen wir entsprechend auf Farbe slateblue. In HTML geht dies nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  address { border:4px dotted #000080; background-color:slateblue; }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML nachsehen. Einzelheiten des HTML-Tag address finden Sie in der HTML Referenz unter <address>.

Wechsel der Textfarbe bei Hover von Tag strong

Die Textfarbe soll sich von Farbe slateblue auf Farbwert #000080 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <strong> in Farbe slateblue vor.

Wir ändern als Beispiel die Textfarbe von <strong> auf Farbe slateblue. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf courier new und verkleinern die Schriftgröße auf 96%.

<style type="text/css"><!--
  strong { 
    font-size: 96%; 
    font-family: courier new; 
    color: slateblue;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #000080 ändert.

<style type="text/css"><!--
  strong: hover { 
    color: #000080;
  }
//-->
</style>

Mehr zum Thema finden Sie in Text in HTML. Mehr zum HTML-Befehl strong ist in der HTML Referenz bei <strong> genau beschrieben.