Ressourcen: 137 HTML Farbnamen - Kombination von Farbe teal 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 teal			Schriftfarbwert #fffaf0
Detail	:	Hintergrund teal	Detail	:	Schrift #fffaf0
Farbe	:	teal	Farbwert	:	#fffaf0
Farbwert	:	#008080	Farbe	:	floralwhite
HTML	:	teal	HTML	:	#fffaf0
HTML (Wert)	:	#008080	HTML (Wert)	:	#fffaf0
CSS	:	teal	CSS	:	#fffaf0
CSS (Wert)	:	#008080	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#008080	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(0,128,128)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(0%,50%,50%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbe teal nach Schriftfarbwert #fffaf0
#008080	#249190	#48a2a0	#6db4b0	#91c5c0	#b6d7d0	#dae8e0	#fffaf0
#008080	#249190	#48a2a0	#6db4b0	#91c5c0	#b6d7d0	#dae8e0	#fffaf0

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

Hintergrundfarbe teal				Schriftfarbwert #fffaf0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008080	#008080	#008080	#008080	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#249292	#249292	#006d6d	#006d6d	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#48a4a4	#48a4a4	#005b5b	#005b5b	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#6db6b6	#6db6b6	#004949	#004949	#fffcf6	#fffcf6	#918e89	#918e89
#91c8c8	#91c8c8	#003636	#003636	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#b6dada	#b6dada	#002424	#002424	#fffdfa	#fffdfa	#484744	#484744
#daecec	#daecec	#001212	#001212	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe teal und Farbwert #fffaf0

Wechsel der Textfarbe bei Hover von HTML-Befehl em

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

Hier legen wir bei <em> die Textfarbe auf Farbe teal fest. Die Hintergrundfarbe ändern wir nicht, setzen jedoch die Schriftart auf arial:

<style type="text/css"><!--
  em { 
    font-family:arial; 
    color:teal;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #fffaf0 ändert.

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

Weiteres zu em können Sie in Text in HTML nachlesen. Weiteres zum hier gezeigten Befehl <em>.

Hintergrund/Text-Kombination mit HTML-Befehl tfoot

Wir ändern für dieses Beispiel die Textfarbe von <tfoot> auf Farbwert #fffaf0 und die Hintergrundfarbe von <tfoot> auf Farbe teal. Die Schriftart setzen wir auf arial und als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  tfoot { 
    color:#fffaf0; 
    font-size:13px; 
    font-family:arial; 
    background-color:teal;
  }
//-->
</style>

Weiteres zum Thema tfoot erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Befehl tfoot erfahren Sie in der HTML Referenz unter <tfoot>.