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

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.

Hintergrundfarbwert #fafad2			Schriftfarbe thistle
Detail	:	Hintergrund #fafad2	Detail	:	Schrift thistle
Farbwert	:	#fafad2	Farbe	:	thistle
Farbe	:	lightgoldenrodyellow	Farbwert	:	#d8bfd8
HTML	:	#fafad2	HTML	:	thistle
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#d8bfd8
CSS	:	#fafad2	CSS	:	thistle
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbwert #fafad2 nach Schriftfarbe thistle
#fafad2	#f5f1d2	#f0e9d3	#ebe0d4	#e6d8d5	#e1cfd6	#dcc7d7	#d8bfd8
#fafad2	#f5f1d2	#f0e9d3	#ebe0d4	#e6d8d5	#e1cfd6	#dcc7d7	#d8bfd8

Kombination von #fafad2 und thistle
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				thistle ist nicht als Schriftfarbe auf Hintergrund #fafad2 geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von thistle und #fafad2 beträgt 92.42%. Die Lesbarkeit dieser Kombination liegt damit bei 7.58%.

Hintergrundfarbwert #fafad2				Schriftfarbe thistle
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#fbfbde	#fbfbde	#b2b296	#b2b296	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#eee3ee	#eee3ee	#5c515c	#5c515c
#fdfdf2	#fdfdf2	#47473c	#47473c	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#fefef8	#fefef8	#23231e	#23231e	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fafad2 und Farbe thistle

Wechsel der Textfarbe bei Hover von HTML-Befehl option

Die Textfarbe soll sich von Farbwert #fafad2 auf Farbe thistle ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <option> in Farbwert #fafad2 vor.

Zum Beispiel legen wir bei <option> die Textfarbe auf Farbwert #fafad2 fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf arial. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  option { 
    color:#fafad2; 
    font-size:13px; 
    font-family:arial;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu thistle ändert.

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

Mehr zum Thema können Sie in Formulare in HTML nachsehen. Beschreibung des HTML-Tag <option>.