Ressourcen: 137 HTML Farbnamen - Kombination von Farbe fuchsia und Farbe thistle

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 fuchsia			Schriftfarbe thistle
Detail	:	Hintergrund fuchsia	Detail	:	Schrift thistle
Farbe	:	fuchsia	Farbe	:	thistle
Farbwert	:	#ff00ff	Farbwert	:	#d8bfd8
HTML	:	fuchsia	HTML	:	thistle
HTML (Wert)	:	#ff00ff	HTML (Wert)	:	#d8bfd8
CSS	:	fuchsia	CSS	:	thistle
CSS (Wert)	:	#ff00ff	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#f0f	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(255,0,255)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(100%,0%,100%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbe thistle
#ff00ff	#f91bf9	#f336f3	#ee51ee	#e86de8	#e388e3	#dda3dd	#d8bfd8
#ff00ff	#f91bf9	#f336f3	#ee51ee	#e86de8	#e388e3	#dda3dd	#d8bfd8

Kombination von fuchsia und thistle
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				thistle eignet sich nicht als Schriftfarbe auf Hintergrund fuchsia. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von thistle und fuchsia beträgt 91.21%. Die Lesbarkeit dieser Kombination bewerte ich mit 8.79%.

Hintergrundfarbe fuchsia				Schriftfarbe thistle
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff00ff	#ff00ff	#ff00ff	#ff00ff	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#ff24ff	#ff24ff	#da00da	#da00da	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#ff48ff	#ff48ff	#b600b6	#b600b6	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#ff6dff	#ff6dff	#910091	#910091	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#ff91ff	#ff91ff	#6d006d	#6d006d	#eee3ee	#eee3ee	#5c515c	#5c515c
#ffb6ff	#ffb6ff	#480048	#480048	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#ffdaff	#ffdaff	#240024	#240024	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe fuchsia und Farbe thistle

Füllen und Umranden von HTML-Befehl iframe

Hier umranden wir <iframe> mit einem . Den Hintergrund von <iframe> setzen wir auf Farbe fuchsia. Dies ist mit HTML kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  iframe { 
    border-color: thistle; 
    border-width: 4px; 
    background-color: fuchsia; 
    border-style: outset;
  }
//-->
</style>

Mehr zum HTML-Tag <iframe>.

Wechsel der Umrandung bei Hover bei HTML-Befehl caption

Die Rahmenfarbe soll sich von Farbe fuchsia auf Farbe thistle ändern, wenn man mit der Maus auf <caption> zeigt. Wir bereiten zunächst eine Formatierung von <caption> in Farbe fuchsia vor.

In diesem Beispiel umranden wir <caption> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbe fuchsia.

<style type="text/css"><!--
  caption { 
    border-width:5px; 
    border-style:outset; 
    border-color:fuchsia;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe auf thistle ändert.

<style type="text/css"><!--
  caption:hover { 
    border-color:thistle;
  }
//-->
</style>

Mehr zu caption können Sie in Tabellen in HTML lesen. Der hier verwendete Befehl caption ist in der HTML Referenz bei <caption> ausführlich zusammengestellt.