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

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 mediumvioletred			Schriftfarbwert #00008b
Detail	:	Hintergrund mediumvioletred	Detail	:	Schrift #00008b
Farbe	:	mediumvioletred	Farbwert	:	#00008b
Farbwert	:	#c71585	Farbe	:	darkblue
HTML	:	mediumvioletred	HTML	:	#00008b
HTML (Wert)	:	#c71585	HTML (Wert)	:	#00008b
CSS	:	mediumvioletred	CSS	:	#00008b
CSS (Wert)	:	#c71585	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#c71585	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(199,21,133)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(78%,8%,52%)	CSS (%RGB)	:	rgb(0%,0%,54%)

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

Kombination von mediumvioletred und #00008b
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#00008b eignet sich nicht als Schriftfarbe auf Hintergrund mediumvioletred, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #00008b und mediumvioletred ergibt sich zu 86.56%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 13.44%.

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

Beispiele zur Kombination von Farbe mediumvioletred und Farbwert #00008b

Wechsel der Textfarbe bei Hover von Tag tbody

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

Wir legen zum Beispiel die Textfarbe von <tbody> auf Farbe mediumvioletred fest. Die Größe der Schrift setzen wir auf 119%.

<style type="text/css"><!--
  tbody { 
    font-size: 119%; 
    color: mediumvioletred;
  }
//-->
</style>

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

<style type="text/css"><!--
  tbody: hover { 
    color: #00008b;
  }
//-->
</style>

Weiteres zum Thema tbody können Sie in Tabellen in HTML erfahren. Einzelheiten vom hier gezeigten Befehl tbody erfahren Sie in der HTML Referenz unter <tbody>.

Zebra-Effekt bei Befehl td

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <td> mit unterschiedlichen Hintergrundfarben Farbe mediumvioletred und Farbwert #00008b.

<style type="text/css"><!--
  td.ung { 
    background-color: mediumvioletred;
  }
  td.ger { 
    background-color: #00008b;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ung">Oa-a</td><td class="ger">Ob-a</td><td class="ung">Oc-a</td></tr>
<tr><td class="ung">Oa-b</td><td class="ger">Ob-b</td><td class="ung">Oc-b</td></tr>
<tr><td class="ung">Oa-c</td><td class="ger">Ob-c</td><td class="ung">Oc-c</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Befehl <td>.