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

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			Schriftfarbwert #fdf5e6
Detail	:	Hintergrund #f08080	Detail	:	Schrift #fdf5e6
Farbwert	:	#f08080	Farbwert	:	#fdf5e6
Farbe	:	lightcoral	Farbe	:	oldlace
HTML	:	#f08080	HTML	:	#fdf5e6
HTML (Wert)	:	#f08080	HTML (Wert)	:	#fdf5e6
CSS	:	#f08080	CSS	:	#fdf5e6
CSS (Wert)	:	#f08080	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#f08080	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(240,128,128)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(94%,50%,50%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbwert #f08080 nach Schriftfarbwert #fdf5e6
#f08080	#f1908e	#f3a19d	#f5b2ab	#f7c2ba	#f9d3c8	#fbe4d7	#fdf5e6
#f08080	#f1908e	#f3a19d	#f5b2ab	#f7c2ba	#f9d3c8	#fbe4d7	#fdf5e6

Kombination von #f08080 und #fdf5e6
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fdf5e6 eignet sich nicht als Schriftfarbe auf Hintergrund #f08080, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #fdf5e6 und #f08080 ergibt sich zu 88.61%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 11.39%.

Hintergrundfarbwert #f08080				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f08080	#f08080	#f08080	#f08080	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#f29292	#f29292	#cd6d6d	#cd6d6d	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#f6b6b6	#f6b6b6	#894949	#894949	#fdf9f0	#fdf9f0	#908c83	#908c83
#f8c8c8	#f8c8c8	#663636	#663636	#fefaf4	#fefaf4	#6c6962	#6c6962
#fadada	#fadada	#442424	#442424	#fefcf7	#fefcf7	#484641	#484641
#fcecec	#fcecec	#221212	#221212	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f08080 und Farbwert #fdf5e6

Wechsel der Textfarbe bei Hover mit Befehl q

Die Textfarbe soll sich von Farbwert #f08080 auf Farbwert #fdf5e6 ändern, wenn man mit der Maus auf <q> zeigt. Bereiten wir zunächst die Darstellung von <q> in Farbwert #f08080 vor.

Für dieses Beispiel ändern wir die Textfarbe von <q> auf Farbwert #f08080. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf sans-serif.

<style type="text/css"><!--
  q { 
    color:#f08080; 
    font-family:sans-serif;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #fdf5e6 ändert.

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

Weiteres zum hier verwendeten Tag q lesen Sie in der HTML Referenz unter <q>.

Hintergrund/Text-Kombination von Befehl samp

Hier ändern wir die Textfarbe von <samp> auf Farbwert #fdf5e6 und die Hintergrundfarbe von <samp> auf Farbwert #f08080. Als Schriftart setzen wir arial. Als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  samp { 
    color: #fdf5e6; 
    font-size: 13px; 
    background-color: #f08080; 
    font-family: arial;
  }
//-->
</style>

Weiteres zum Thema samp finden Sie in Text in HTML. Mehr zum Befehl samp ist in der HTML Referenz unter <samp> ausführlich zusammengestellt.