Ressourcen: 120 HTML Farbnamen - Kombination von Farbe navajowhite und Farbwert #f0fff0

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe navajowhite			Schriftfarbwert #f0fff0
Detail	:	Hintergrund navajowhite	Detail	:	Schrift #f0fff0
Farbe	:	navajowhite	Farbwert	:	#f0fff0
Farbwert	:	#ffdead	Farbe	:	honeydew
HTML	:	navajowhite	HTML	:	#f0fff0
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#f0fff0
CSS	:	navajowhite	CSS	:	#f0fff0
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#f0fff0
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#f0fff0
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(240,255,240)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(94%,100%,94%)

Verlauf Hintergrundfarbe navajowhite nach Schriftfarbwert #f0fff0
#ffdead	#fce2b6	#fae7c0	#f8ecc9	#f6f0d3	#f4f5dc	#f2fae6	#f0fff0
#ffdead	#fce2b6	#fae7c0	#f8ecc9	#f6f0d3	#f4f5dc	#f2fae6	#f0fff0

Kombination von navajowhite und #f0fff0
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #f0fff0 und navajowhite beträgt 94.08%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.92%. Auf Hintergrund navajowhite ist #f0fff0 ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe navajowhite				Schriftfarbwert #f0fff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#f0fff0	#f0fff0	#f0fff0	#f0fff0
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#f2fff2	#f2fff2	#cddacd	#cddacd
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#f4fff4	#f4fff4	#abb6ab	#abb6ab
#ffecd0	#ffecd0	#917e62	#917e62	#f6fff6	#f6fff6	#899189	#899189
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#f8fff8	#f8fff8	#666d66	#666d66
#fff5e7	#fff5e7	#483f31	#483f31	#fafffa	#fafffa	#444844	#444844
#fffaf3	#fffaf3	#241f18	#241f18	#fcfffc	#fcfffc	#222422	#222422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe navajowhite und Farbwert #f0fff0

Wechsel der Textfarbe bei Hover von HTML-Tag tfoot

Die Textfarbe soll sich von Farbe navajowhite auf Farbwert #f0fff0 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <tfoot> in Farbe navajowhite vor.

Wir ändern in diesem Beispiel die Textfarbe von <tfoot> auf Farbe navajowhite. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf arial. Die Schriftgröße setzen wir auf 113%.

<style type="text/css"><!--
  tfoot { 
    color:navajowhite; 
    font-family:arial; 
    font-size:113%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #f0fff0 geändert wird.

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

Mehr zu tfoot können Sie in Tabellen in HTML finden. Der hier gezeigte Tag tfoot ist in der HTML Referenz unter <tfoot> zusammengestellt.

Füllen und Umranden von HTML-Befehl img

Bei diesem Beispiel umranden wir <img> mit einem gefurchten, 3 Punkte dicken Rahmen in Farbwert #f0fff0 . Den Hintergrund von <img> färben wir entsprechend mit Farbe navajowhite. Das ist mit HTML so kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  img { border:3pt groove #f0fff0; background-color:navajowhite; }
//-->
</style>

Weiteres zu img können Sie in Grafik in HTML nachlesen. Mehr zum HTML-Tag img lesen Sie in der HTML Referenz unter <img>.