Ressourcen: 137 HTML Farbnamen - Kombination von Farbe sienna und Farbwert #f8f8ff

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 sienna			Schriftfarbwert #f8f8ff
Detail	:	Hintergrund sienna	Detail	:	Schrift #f8f8ff
Farbe	:	sienna	Farbwert	:	#f8f8ff
Farbwert	:	#a0522d	Farbe	:	ghostwhite
HTML	:	sienna	HTML	:	#f8f8ff
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#f8f8ff
CSS	:	sienna	CSS	:	#f8f8ff
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbe sienna nach Schriftfarbwert #f8f8ff
#a0522d	#ac694b	#b98169	#c59987	#d2b0a5	#dec8c3	#ebe0e1	#f8f8ff
#a0522d	#ac694b	#b98169	#c59987	#d2b0a5	#dec8c3	#ebe0e1	#f8f8ff

Kombination von sienna und #f8f8ff
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				#f8f8ff ist nicht als Schriftfarbe auf Hintergrund sienna geeignet. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #f8f8ff und sienna beträgt 74.71%. Die Lesbarkeit dieser Kombination bewerte ich mit 25.29%.

Hintergrundfarbe sienna				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#ad6a4b	#ad6a4b	#894626	#894626	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#bb8369	#bb8369	#723a20	#723a20	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#c89c87	#c89c87	#5b2e19	#5b2e19	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#d6b4a5	#d6b4a5	#442313	#442313	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#fdfdff	#fdfdff	#464648	#464648
#f1e6e1	#f1e6e1	#160b06	#160b06	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe sienna und Farbwert #f8f8ff

Hintergrund/Text-Kombination von HTML-Befehl tfoot

Hier ändern wir die Textfarbe von <tfoot> auf Farbwert #f8f8ff und die Hintergrundfarbe von <tfoot> auf Farbe sienna. Die Schriftart ändern wir auf courier new. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  tfoot { 
    font-family: courier new; 
    color: #f8f8ff; 
    font-size: 13px; 
    background-color: sienna;
  }
//-->
</style>

Mehr zu tfoot finden Sie in Tabellen in HTML. Weiteres zum Tag tfoot ist in der HTML Referenz bei <tfoot> gezeigt.

Wechsel der Textfarbe bei Hover von Befehl var

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

Hier legen wir die Textfarbe von <var> auf Farbe sienna fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  var { 
    color: sienna; 
    font-family: courier new;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe auf #f8f8ff ändert.

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

Weiteres zu var können Sie in Text in HTML erfahren. Möglichkeiten des hier genutzten HTML-Tag <var>.