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

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.

Hintergrundfarbwert #f8f8ff			Schriftfarbe indianred
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift indianred
Farbwert	:	#f8f8ff	Farbe	:	indianred
Farbe	:	ghostwhite	Farbwert	:	#cd5c5c
HTML	:	#f8f8ff	HTML	:	indianred
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#cd5c5c
CSS	:	#f8f8ff	CSS	:	indianred
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#cd5c5c
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#cd5c5c
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(205,92,92)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(80%,36%,36%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbe indianred
#f8f8ff	#f1e1e7	#ebcbd0	#e5b5b9	#df9ea1	#d9888a	#d37273	#cd5c5c
#f8f8ff	#f1e1e7	#ebcbd0	#e5b5b9	#df9ea1	#d9888a	#d37273	#cd5c5c

Kombination von #f8f8ff und indianred
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				indianred ist nicht als Schriftfarbe auf Hintergrund #f8f8ff geeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von indianred und #f8f8ff beträgt 82.09%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 17.91%.

Hintergrundfarbwert #f8f8ff				Schriftfarbe indianred
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#d47373	#d47373	#af4e4e	#af4e4e
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#db8a8a	#db8a8a	#924141	#924141
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#e2a1a1	#e2a1a1	#753434	#753434
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#e9b9b9	#e9b9b9	#572727	#572727
#fdfdff	#fdfdff	#464648	#464648	#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a
#fefeff	#fefeff	#232324	#232324	#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f8f8ff und Farbe indianred

Wechsel der Textfarbe bei Hover mit Tag tfoot

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

Wir legen in diesem Beispiel Farbwert #f8f8ff als Textfarbe von <tfoot> fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  tfoot { 
    color: #f8f8ff; 
    font-family: monospace;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf indianred ändert.

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

Mehr zum Thema tfoot können Sie in Tabellen in HTML finden. Einzelheiten vom HTML-Tag tfoot erfahren Sie in der HTML Referenz unter <tfoot>.