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

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 #da70d6
Detail	:	Hintergrund thistle	Detail	:	Schrift #da70d6
Farbe	:	thistle	Farbwert	:	#da70d6
Farbwert	:	#d8bfd8	Farbe	:	orchid
HTML	:	thistle	HTML	:	#da70d6
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#da70d6
CSS	:	thistle	CSS	:	#da70d6
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#da70d6
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#da70d6
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(218,112,214)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(85%,43%,83%)

Verlauf Hintergrundfarbe thistle nach Schriftfarbwert #da70d6
#d8bfd8	#d8b3d7	#d8a8d7	#d89dd7	#d991d6	#d986d6	#d97bd6	#da70d6
#d8bfd8	#d8b3d7	#d8a8d7	#d89dd7	#d991d6	#d986d6	#d97bd6	#da70d6

Kombination von thistle und #da70d6
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #da70d6 und thistle ergibt sich zu 91.90%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.10%. Auf Hintergrund thistle ist #da70d6 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe thistle				Schriftfarbwert #da70d6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#da70d6	#da70d6	#da70d6	#da70d6
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#df84db	#df84db	#ba60b7	#ba60b7
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#e498e1	#e498e1	#9b5098	#9b5098
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#e9ade7	#e9ade7	#7c407a	#7c407a
#eee3ee	#eee3ee	#5c515c	#5c515c	#efc1ed	#efc1ed	#5d305b	#5d305b
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#f4d6f3	#f4d6f3	#3e203d	#3e203d
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#f9eaf9	#f9eaf9	#1f101e	#1f101e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe thistle und Farbwert #da70d6

Wechsel der Textfarbe bei Hover bei Tag center

Die Textfarbe soll sich von Farbe thistle auf Farbwert #da70d6 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <center> in Farbe thistle vor.

In diesem Beispiel legen wir Farbe thistle als Textfarbe von <center> fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf sans-serif.

<style type="text/css"><!--
  center { 
    font-family:sans-serif; 
    color:thistle;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe auf #da70d6 ändert.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten vom Tag center erfahren Sie in der HTML Referenz unter <center>.

Wechsel der Umrandung bei Hover mit Tag tbody

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

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

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

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #da70d6 geändert wird.

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

Weiteres zum Thema finden Sie in Tabellen in HTML. Weiteres zum Befehl <tbody>.