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

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 #e9967a			Schriftfarbwert #f08080
Detail	:	Hintergrund #e9967a	Detail	:	Schrift #f08080
Farbwert	:	#e9967a	Farbwert	:	#f08080
Farbe	:	darksalmon	Farbe	:	lightcoral
HTML	:	#e9967a	HTML	:	#f08080
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#f08080
CSS	:	#e9967a	CSS	:	#f08080
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#f08080
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#f08080
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(240,128,128)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(94%,50%,50%)

Verlauf Hintergrundfarbwert #e9967a nach Schriftfarbwert #f08080
#e9967a	#ea927a	#eb8f7b	#ec8c7c	#ed897d	#ee867e	#ef837f	#f08080
#e9967a	#ea927a	#eb8f7b	#ec8c7c	#ed897d	#ee867e	#ef837f	#f08080

Kombination von #e9967a und #f08080
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#f08080 eignet sich nicht als Schriftfarbe auf Hintergrund #e9967a, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #f08080 und #e9967a ergibt sich zu 94.65%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.35%.

Hintergrundfarbwert #e9967a				Schriftfarbwert #f08080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#f08080	#f08080	#f08080	#f08080
#eca58d	#eca58d	#c78068	#c78068	#f29292	#f29292	#cd6d6d	#cd6d6d
#efb4a0	#efb4a0	#a66b57	#a66b57	#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b
#f2c3b3	#f2c3b3	#855545	#855545	#f6b6b6	#f6b6b6	#894949	#894949
#f5d2c6	#f5d2c6	#634034	#634034	#f8c8c8	#f8c8c8	#663636	#663636
#f8e1d9	#f8e1d9	#422a22	#422a22	#fadada	#fadada	#442424	#442424
#fbf0ec	#fbf0ec	#211511	#211511	#fcecec	#fcecec	#221212	#221212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #e9967a und Farbwert #f08080

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag p

Die Hintergrundfarbe soll sich von Farbwert #e9967a auf Farbwert #f08080 ändern, wenn man mit der Maus auf <p> zeigt. Wir bereiten zunächst die Formatierung von <p> in Farbwert #e9967a vor.

Z.B. legen wir Farbwert #e9967a als Hintergrundfarbe von <p> fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf monospace. Die Größe der Schrift vergrößern wir auf 122%.

<style type="text/css"><!--
  p { 
    font-size: 122%; 
    font-family: monospace; 
    background-color: #e9967a;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #f08080 geändert wird.

<style type="text/css"><!--
  p: hover { 
    background-color: #f08080;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum HTML-Befehl p ist in der HTML Referenz bei <p> genau zusammengestellt.