Ressourcen: 137 HTML Farbnamen - Kombination von Farbe teal und Farbwert #fff5ee

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 #fff5ee
Detail	:	Hintergrund teal	Detail	:	Schrift #fff5ee
Farbe	:	teal	Farbwert	:	#fff5ee
Farbwert	:	#008080	Farbe	:	seashell
HTML	:	teal	HTML	:	#fff5ee
HTML (Wert)	:	#008080	HTML (Wert)	:	#fff5ee
CSS	:	teal	CSS	:	#fff5ee
CSS (Wert)	:	#008080	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#008080	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(0,128,128)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(0%,50%,50%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbe teal nach Schriftfarbwert #fff5ee
#008080	#24908f	#48a19f	#6db2af	#91c2be	#b6d3ce	#dae4de	#fff5ee
#008080	#24908f	#48a19f	#6db2af	#91c2be	#b6d3ce	#dae4de	#fff5ee

Kombination von teal und #fff5ee
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#fff5ee ist nicht als Schriftfarbe auf Hintergrund teal geeignet, weil der Farbunterschied zu gering ist Die Ähnlichkeit der Farben #fff5ee und teal beträgt 78.84%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 21.16%.

Hintergrundfarbe teal				Schriftfarbwert #fff5ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008080	#008080	#008080	#008080	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#249292	#249292	#006d6d	#006d6d	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#48a4a4	#48a4a4	#005b5b	#005b5b	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#6db6b6	#6db6b6	#004949	#004949	#fff9f5	#fff9f5	#918c88	#918c88
#91c8c8	#91c8c8	#003636	#003636	#fffaf7	#fffaf7	#6d6966	#6d6966
#b6dada	#b6dada	#002424	#002424	#fffcfa	#fffcfa	#484644	#484644
#daecec	#daecec	#001212	#001212	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe teal und Farbwert #fff5ee

Füllen und Umranden bei Tag img

In diesem Beispiel umranden wir <img> mit einem doppelten, 1 Punkte dicken Rahmen in Farbwert #fff5ee . Die Hintergrundfarbe für <img> setzen wir auf Farbe teal. Mit HTML geht dies nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  img { 
    border-color: #fff5ee; 
    border-width: 1pt; 
    background-color: teal; 
    border-style: double;
  }
//-->
</style>

Weiteres zu img können Sie in Grafik in HTML erfahren. Beschreibung vom hier genutzten Befehl <img>.

Wechsel der Umrandung bei Hover bei HTML-Tag tfoot

Die Rahmenfarbe soll sich von Farbe teal auf Farbwert #fff5ee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <tfoot> in Farbe teal vor.

In diesem Beispiel umranden wir <tfoot> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbe teal.

<style type="text/css"><!--
  tfoot { 
    border-style: groove; 
    border-width: 2px; 
    border-color: teal;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Rahmenfarbe zu #fff5ee ändert.

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

Weiteres zu tfoot können Sie in Tabellen in HTML erfahren. Beschreibung vom hier gezeigten HTML-Befehl <tfoot>.