Ressourcen: 137 HTML Farbnamen - Kombination von Farbe thistle und Farbwert #fffaf0

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 thistle			Schriftfarbwert #fffaf0
Detail	:	Hintergrund thistle	Detail	:	Schrift #fffaf0
Farbe	:	thistle	Farbwert	:	#fffaf0
Farbwert	:	#d8bfd8	Farbe	:	floralwhite
HTML	:	thistle	HTML	:	#fffaf0
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#fffaf0
CSS	:	thistle	CSS	:	#fffaf0
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbe thistle nach Schriftfarbwert #fffaf0
#d8bfd8	#ddc7db	#e3cfde	#e8d8e2	#eee0e5	#f3e9e9	#f9f1ec	#fffaf0
#d8bfd8	#ddc7db	#e3cfde	#e8d8e2	#eee0e5	#f3e9e9	#f9f1ec	#fffaf0

Kombination von thistle und #fffaf0
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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund thistle ist #fffaf0 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben #fffaf0 und thistle ergibt sich zu 92.23%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.77%.

Hintergrundfarbe thistle				Schriftfarbwert #fffaf0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#fffcf6	#fffcf6	#918e89	#918e89
#eee3ee	#eee3ee	#5c515c	#5c515c	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#fffdfa	#fffdfa	#484744	#484744
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe thistle und Farbwert #fffaf0

Hintergrund/Text-Kombination bei HTML-Tag code

Hier ändern wir die Textfarbe von <code> auf Farbwert #fffaf0 und die Hintergrundfarbe von <code> auf Farbe thistle. Die Schriftart setzen wir auf monospace und als Schriftgröße wählen wir 95%.

<style type="text/css"><!--
  code { 
    font-size:95%; 
    color:#fffaf0; 
    font-family:monospace; 
    background-color:thistle;
  }
//-->
</style>

Weiteres zu code finden Sie in Text in HTML. Weiteres zum HTML-Befehl code erfahren Sie in der HTML Referenz unter <code>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl col

Die Textfarbe soll sich von Farbe thistle auf Farbwert #fffaf0 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <col> in Farbe thistle vor.

Als Beispiel setzen wir bei <col> die Textfarbe auf Farbe thistle. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace und ändern die Größe der Schrift auf 9px.

<style type="text/css"><!--
  col { 
    font-size:9px; 
    color:thistle; 
    font-family:monospace;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #fffaf0 geändert wird.

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

Mehr zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten des hier gezeigten Befehl col erfahren Sie in der HTML Referenz unter <col>.