Ressourcen: 137 HTML Farbnamen - Kombination von Farbe linen und Farbe navajowhite

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 linen			Schriftfarbe navajowhite
Detail	:	Hintergrund linen	Detail	:	Schrift navajowhite
Farbe	:	linen	Farbe	:	navajowhite
Farbwert	:	#faf0e6	Farbwert	:	#ffdead
HTML	:	linen	HTML	:	navajowhite
HTML (Wert)	:	#faf0e6	HTML (Wert)	:	#ffdead
CSS	:	linen	CSS	:	navajowhite
CSS (Wert)	:	#faf0e6	CSS (Wert)	:	#ffdead
CSS (kürzest)	:	#faf0e6	CSS (kürzest)	:	#ffdead
CSS (RGB)	:	rgb(250,240,230)	CSS (RGB)	:	rgb(255,222,173)
CSS (%RGB)	:	rgb(98%,94%,90%)	CSS (%RGB)	:	rgb(100%,87%,67%)

Verlauf Hintergrundfarbe linen nach Schriftfarbe navajowhite
#faf0e6	#faeddd	#fbead5	#fce8cd	#fce5c5	#fde3bd	#fee0b5	#ffdead
#faf0e6	#faeddd	#fbead5	#fce8cd	#fce5c5	#fde3bd	#fee0b5	#ffdead

Kombination von linen und navajowhite
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben navajowhite und linen ergibt sich zu 94.55%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.45%. navajowhite ist nicht als Schriftfarbe auf Hintergrund linen geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe linen				Schriftfarbe navajowhite
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faf0e6	#faf0e6	#faf0e6	#faf0e6	#ffdead	#ffdead	#ffdead	#ffdead
#faf2e9	#faf2e9	#d6cdc5	#d6cdc5	#ffe2b8	#ffe2b8	#dabe94	#dabe94
#fbf4ed	#fbf4ed	#b2aba4	#b2aba4	#ffe7c4	#ffe7c4	#b69e7b	#b69e7b
#fcf6f0	#fcf6f0	#8e8983	#8e8983	#ffecd0	#ffecd0	#917e62	#917e62
#fcf8f4	#fcf8f4	#6b6662	#6b6662	#fff0db	#fff0db	#6d5f4a	#6d5f4a
#fdfaf7	#fdfaf7	#474441	#474441	#fff5e7	#fff5e7	#483f31	#483f31
#fefcfb	#fefcfb	#232220	#232220	#fffaf3	#fffaf3	#241f18	#241f18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe linen und Farbe navajowhite

Wechsel der Textfarbe bei Hover bei HTML-Befehl a

Einen Hyperlink setzen Sie mit Tag <a>. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbe linen auf Farbe navajowhite ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbe linen vor.

Z.B. legen wir Farbe linen als Textfarbe von <a> fest. Die Größe der Schrift ändern wir auf 13px.

<style type="text/css"><!--
  a { 
    color:linen; 
    font-size:13px;
  }
//-->
</style>

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

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

Mehr zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Einzelheiten des HTML-Tag a lesen Sie in der HTML Referenz unter <a>.

Wechsel der Umrandung bei Hover bei Tag address

Die Rahmenfarbe soll sich von Farbe linen auf Farbe navajowhite ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <address> in Farbe linen vor.

In diesem Beispiel umranden wir <address> mit einem 4 Pixel dicken, doppelten Rahmen in Farbe linen.

<style type="text/css"><!--
  address { border:4px double linen; }
//-->
</style>

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

<style type="text/css"><!--
  address:hover { 
    border-color:navajowhite;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Zur Beschreibung vom Tag <address>.