Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00008b und Farbwert #6a5acd

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.

Hintergrundfarbwert #00008b			Schriftfarbwert #6a5acd
Detail	:	Hintergrund #00008b	Detail	:	Schrift #6a5acd
Farbwert	:	#00008b	Farbwert	:	#6a5acd
Farbe	:	darkblue	Farbe	:	slateblue
HTML	:	#00008b	HTML	:	#6a5acd
HTML (Wert)	:	#00008b	HTML (Wert)	:	#6a5acd
CSS	:	#00008b	CSS	:	#6a5acd
CSS (Wert)	:	#00008b	CSS (Wert)	:	#6a5acd
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#6a5acd
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(106,90,205)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(41%,35%,80%)

Verlauf Hintergrundfarbwert #00008b nach Schriftfarbwert #6a5acd
#00008b	#0f0c94	#1e199d	#2d26a7	#3c33b0	#4b40ba	#5a4dc3	#6a5acd
#00008b	#0f0c94	#1e199d	#2d26a7	#3c33b0	#4b40ba	#5a4dc3	#6a5acd

Kombination von #00008b und #6a5acd
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Die Ähnlichkeit der Farben #6a5acd und #00008b beträgt 86.27%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 13.73%. Auf Hintergrund #00008b ist #6a5acd ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #00008b				Schriftfarbwert #6a5acd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#6a5acd	#6a5acd	#6a5acd	#6a5acd
#24249b	#24249b	#000077	#000077	#7f71d4	#7f71d4	#5a4daf	#5a4daf
#4848ac	#4848ac	#000063	#000063	#9489db	#9489db	#4b4092	#4b4092
#6d6dbc	#6d6dbc	#00004f	#00004f	#a9a0e2	#a9a0e2	#3c3375	#3c3375
#9191cd	#9191cd	#00003b	#00003b	#bfb8e9	#bfb8e9	#2d2657	#2d2657
#b6b6dd	#b6b6dd	#000027	#000027	#d4cff0	#d4cff0	#1e193a	#1e193a
#dadaee	#dadaee	#000013	#000013	#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00008b und Farbwert #6a5acd

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag thead

Die Hintergrundfarbe soll sich von Farbwert #00008b auf Farbwert #6a5acd ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <thead> in Farbwert #00008b vor.

Wir legen zum Beispiel bei <thead> die Hintergrundfarbe auf Farbwert #00008b fest. Die Textfarbe ändern wir nicht, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  thead { 
    background-color:#00008b; 
    font-family:verdana;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #6a5acd geändert wird.

<style type="text/css"><!--
  thead:hover { 
    background-color:#6a5acd;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Tabellen in HTML. Einzelheiten des Befehl thead sind in der HTML Referenz bei <thead> genau gezeigt.

Hintergrund/Text-Kombination von HTML-Befehl center

Hier ändern wir die Textfarbe von <center> auf Farbwert #6a5acd und die Hintergrundfarbe von <center> auf Farbwert #00008b. Die Schriftart setzen wir auf courier new. Als Schriftgröße setzen wir 9pt.

<style type="text/css"><!--
  center { 
    color:#6a5acd; 
    font-family:courier new; 
    background-color:#00008b; 
    font-size:9pt;
  }
//-->
</style>

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML finden. Der Tag center ist in der HTML Referenz unter <center> beschrieben.