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

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 #ff7f50
Detail	:	Hintergrund navajowhite	Detail	:	Schrift #ff7f50
Farbe	:	navajowhite	Farbwert	:	#ff7f50
Farbwert	:	#ffdead	Farbe	:	coral
HTML	:	navajowhite	HTML	:	#ff7f50
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#ff7f50
CSS	:	navajowhite	CSS	:	#ff7f50
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbe navajowhite nach Schriftfarbwert #ff7f50
#ffdead	#ffd09f	#ffc292	#ffb585	#ffa777	#ff9a6a	#ff8c5d	#ff7f50
#ffdead	#ffd09f	#ffc292	#ffb585	#ffa777	#ff9a6a	#ff8c5d	#ff7f50

Kombination von navajowhite und #ff7f50
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #ff7f50 und navajowhite beträgt 90.76%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 9.24%. Auf Hintergrund navajowhite ist #ff7f50 ungeeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe navajowhite				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#ff9169	#ff9169	#da6c44	#da6c44
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#ffa382	#ffa382	#b65a39	#b65a39
#ffecd0	#ffecd0	#917e62	#917e62	#ffb59b	#ffb59b	#91482d	#91482d
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#fff5e7	#fff5e7	#483f31	#483f31	#ffdacd	#ffdacd	#482416	#482416
#fffaf3	#fffaf3	#241f18	#241f18	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe navajowhite und Farbwert #ff7f50

Hintergrund/Text-Kombination von Tag caption

Hier ändern wir die Textfarbe von <caption> auf Farbwert #ff7f50 und die Hintergrundfarbe von <caption> auf Farbe navajowhite. Als Schriftart wählen wir monospace. Als Schriftgröße entscheiden wir uns für 111%.

<style type="text/css"><!--
  caption { 
    font-size: 111%; 
    color: #ff7f50; 
    background-color: navajowhite; 
    font-family: monospace;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Tabellen in HTML. Die Beschreibung vom hier gezeigten HTML-Befehl caption lesen Sie in der HTML Referenz unter <caption>.

Wechsel der Textfarbe bei Hover mit HTML-Tag strike

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

Zum Beispiel legen wir bei <strike> die Textfarbe auf Farbe navajowhite fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf arial. Die Größe der Schrift setzen wir auf 90%.

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ff7f50 geändert wird.

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

Weiteres zum Thema lesen Sie in Text in HTML. Möglichkeiten des Befehl <strike>.