Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #00008b und Farbe mediumvioletred

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.

Hintergrundfarbwert #00008b			Schriftfarbe mediumvioletred
Detail	:	Hintergrund #00008b	Detail	:	Schrift mediumvioletred
Farbwert	:	#00008b	Farbe	:	mediumvioletred
Farbe	:	darkblue	Farbwert	:	#c71585
HTML	:	#00008b	HTML	:	mediumvioletred
HTML (Wert)	:	#00008b	HTML (Wert)	:	#c71585
CSS	:	#00008b	CSS	:	mediumvioletred
CSS (Wert)	:	#00008b	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbwert #00008b nach Schriftfarbe mediumvioletred
#00008b	#1c038a	#380689	#550988	#710c87	#8e0f86	#aa1285	#c71585
#00008b	#1c038a	#380689	#550988	#710c87	#8e0f86	#aa1285	#c71585

Kombination von #00008b und mediumvioletred
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				mediumvioletred ist nicht als Schriftfarbe auf Hintergrund #00008b geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben mediumvioletred und #00008b beträgt 86.56%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 13.44%.

Hintergrundfarbwert #00008b				Schriftfarbe mediumvioletred
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#c71585	#c71585	#c71585	#c71585
#24249b	#24249b	#000077	#000077	#cf3696	#cf3696	#aa1272	#aa1272
#4848ac	#4848ac	#000063	#000063	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#6d6dbc	#6d6dbc	#00004f	#00004f	#df79b9	#df79b9	#710c4c	#710c4c
#9191cd	#9191cd	#00003b	#00003b	#e79aca	#e79aca	#550939	#550939
#b6b6dd	#b6b6dd	#000027	#000027	#efbcdc	#efbcdc	#380626	#380626
#dadaee	#dadaee	#000013	#000013	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #00008b und Farbe mediumvioletred

Wechsel der Textfarbe bei Hover mit Tag thead

Die Textfarbe soll sich von Farbwert #00008b auf Farbe mediumvioletred ändern, wenn man mit der Maus auf <thead> zeigt. Bereiten wir zunächst die Darstellung von <thead> in Farbwert #00008b vor.

Wir legen zum Beispiel bei <thead> die Textfarbe auf Farbwert #00008b fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf arial. Die Größe der Schrift verkleinern wir auf 80%:

<style type="text/css"><!--
  thead { 
    color:#00008b; 
    font-size:80%; 
    font-family:arial;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf mediumvioletred gesetzt wird.

<style type="text/css"><!--
  thead: hover { 
    color: mediumvioletred;
  }
//-->
</style>

Mehr zum Thema thead können Sie in Tabellen in HTML lesen. Mehr zum Befehl thead ist in der HTML Referenz unter <thead> ausführlich zusammengestellt.