Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f08080 und Farbe sandybrown

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.

Hintergrundfarbwert #f08080			Schriftfarbe sandybrown
Detail	:	Hintergrund #f08080	Detail	:	Schrift sandybrown
Farbwert	:	#f08080	Farbe	:	sandybrown
Farbe	:	lightcoral	Farbwert	:	#f4a460
HTML	:	#f08080	HTML	:	sandybrown
HTML (Wert)	:	#f08080	HTML (Wert)	:	#f4a460
CSS	:	#f08080	CSS	:	sandybrown
CSS (Wert)	:	#f08080	CSS (Wert)	:	#f4a460
CSS (kürzest)	:	#f08080	CSS (kürzest)	:	#f4a460
CSS (RGB)	:	rgb(240,128,128)	CSS (RGB)	:	rgb(244,164,96)
CSS (%RGB)	:	rgb(94%,50%,50%)	CSS (%RGB)	:	rgb(95%,64%,37%)

Verlauf Hintergrundfarbwert #f08080 nach Schriftfarbe sandybrown
#f08080	#f0857b	#f18a76	#f18f72	#f2946d	#f29969	#f39e64	#f4a460
#f08080	#f0857b	#f18a76	#f18f72	#f2946d	#f29969	#f39e64	#f4a460

Kombination von #f08080 und sandybrown
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von sandybrown und #f08080 beträgt 93.93%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.07%. Auf Hintergrund #f08080 ist sandybrown ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #f08080				Schriftfarbe sandybrown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f08080	#f08080	#f08080	#f08080	#f4a460	#f4a460	#f4a460	#f4a460
#f29292	#f29292	#cd6d6d	#cd6d6d	#f5b176	#f5b176	#d18c52	#d18c52
#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b	#f7be8d	#f7be8d	#ae7544	#ae7544
#f6b6b6	#f6b6b6	#894949	#894949	#f8cba4	#f8cba4	#8b5d36	#8b5d36
#f8c8c8	#f8c8c8	#663636	#663636	#fad8ba	#fad8ba	#684629	#684629
#fadada	#fadada	#442424	#442424	#fbe5d1	#fbe5d1	#452e1b	#452e1b
#fcecec	#fcecec	#221212	#221212	#fdf2e8	#fdf2e8	#22170d	#22170d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f08080 und Farbe sandybrown

Wechsel der Textfarbe bei Hover von HTML-Befehl form

Die Textfarbe soll sich von Farbwert #f08080 auf Farbe sandybrown ändern, wenn man mit der Maus auf <form> zeigt. Bereiten wir zunächst eine Formatierung von <form> in Farbwert #f08080 vor.

Wir legen z.B. bei <form> die Textfarbe auf Farbwert #f08080 fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace und verringern die Größe der Schrift auf 96%:

<style type="text/css"><!--
  form { 
    color:#f08080; 
    font-family:monospace; 
    font-size:96%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf sandybrown gesetzt wird.

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

Mehr zum Thema können Sie in Formulare in HTML nachlesen. Weiteres zum Befehl form ist in der HTML Referenz unter <form> ausführlich zusammengestellt.

Hintergrund/Text-Kombination mit Befehl li

Hier ändern wir die Textfarbe von <li> auf Farbe sandybrown und die Hintergrundfarbe von <li> auf Farbwert #f08080. Als Schriftart wählen wir verdana und als Schriftgröße wählen wir 88%.

<style type="text/css"><!--
  li { 
    font-family:verdana; 
    background-color:#f08080; 
    font-size:88%; 
    color:sandybrown;
  }
//-->
</style>

Mehr zum Thema li können Sie in Listen und Glossare in HTML lesen. Die Beschreibung des hier gezeigten HTML-Befehl li finden Sie in der HTML Referenz unter <li>.