Ressourcen: 120 HTML Farbnamen - Kombination von Farbe thistle und Farbwert #483d8b

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.

Hintergrundfarbe thistle			Schriftfarbwert #483d8b
Detail	:	Hintergrund thistle	Detail	:	Schrift #483d8b
Farbe	:	thistle	Farbwert	:	#483d8b
Farbwert	:	#d8bfd8	Farbe	:	darkslateblue
HTML	:	thistle	HTML	:	#483d8b
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#483d8b
CSS	:	thistle	CSS	:	#483d8b
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#483d8b
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#483d8b
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(72,61,139)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(28%,23%,54%)

Verlauf Hintergrundfarbe thistle nach Schriftfarbwert #483d8b
#d8bfd8	#c3accd	#ae99c2	#9a87b7	#8574ac	#7162a1	#5c4f96	#483d8b
#d8bfd8	#c3accd	#ae99c2	#9a87b7	#8574ac	#7162a1	#5c4f96	#483d8b

Kombination von thistle und #483d8b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 #483d8b und thistle ergibt sich zu 74.58%. Die Lesbarkeit dieser Kombination ergibt sich zu 25.42%. Auf Hintergrund thistle ist #483d8b ungeeignet, weil die Farben zu ähnlich sind.

Hintergrundfarbe thistle				Schriftfarbwert #483d8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#483d8b	#483d8b	#483d8b	#483d8b
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#62589b	#62589b	#3d3477	#3d3477
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#7c74ac	#7c74ac	#332b63	#332b63
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#9690bc	#9690bc	#29224f	#29224f
#eee3ee	#eee3ee	#5c515c	#5c515c	#b0abcd	#b0abcd	#1e1a3b	#1e1a3b
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#cac7dd	#cac7dd	#141127	#141127
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#e4e3ee	#e4e3ee	#0a0813	#0a0813
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe thistle und Farbwert #483d8b

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag q

Die Hintergrundfarbe soll sich von Farbe thistle auf Farbwert #483d8b ändern, wenn man mit der Maus auf <q> zeigt. Wir bereiten zunächst die Darstellung von <q> in Farbe thistle vor.

Zum Beispiel ändern wir die Hintergrundfarbe von <q> auf Farbe thistle. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf arial und setzen die Größe der Schrift auf 13px.

<style type="text/css"><!--
  q { 
    background-color:thistle; 
    font-family:arial; 
    font-size:13px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #483d8b ändert.

<style type="text/css"><!--
  q: hover { 
    background-color: #483d8b;
  }
//-->
</style>

Einzelheiten vom HTML-Befehl q sind in der HTML Referenz unter <q> genau zusammengestellt.

Wechsel der Umrandung bei Hover von HTML-Befehl table

Die Rahmenfarbe soll sich von Farbe thistle auf Farbwert #483d8b ändern, wenn man mit der Maus auf <table> zeigt. Bereiten wir zunächst die Formatierung von <table> in Farbe thistle vor.

In diesem Beispiel umranden wir <table> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbe thistle.

<style type="text/css"><!--
  table { 
    border-style:dashed; 
    border-width:3px; 
    border-color:thistle;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #483d8b ändert.

<style type="text/css"><!--
  table:hover { 
    border-color:#483d8b;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Die Beschreibung des HTML-Befehl table lesen Sie in der HTML Referenz unter <table>.