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

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 #8a2be2
Detail	:	Hintergrund #e9967a	Detail	:	Schrift #8a2be2
Farbwert	:	#e9967a	Farbwert	:	#8a2be2
Farbe	:	darksalmon	Farbe	:	blueviolet
HTML	:	#e9967a	HTML	:	#8a2be2
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#8a2be2
CSS	:	#e9967a	CSS	:	#8a2be2
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#8a2be2
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#8a2be2
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(138,43,226)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(54%,16%,88%)

Verlauf Hintergrundfarbwert #e9967a nach Schriftfarbwert #8a2be2
#e9967a	#db8688	#cd7797	#c068a6	#b258b5	#a549c4	#973ad3	#8a2be2
#e9967a	#db8688	#cd7797	#c068a6	#b258b5	#a549c4	#973ad3	#8a2be2

Kombination von #e9967a und #8a2be2
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.				#8a2be2 eignet sich nicht als Schriftfarbe auf Hintergrund #e9967a, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #8a2be2 und #e9967a beträgt 87.69%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.31%.

Hintergrundfarbwert #e9967a				Schriftfarbwert #8a2be2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#8a2be2	#8a2be2	#8a2be2	#8a2be2
#eca58d	#eca58d	#c78068	#c78068	#9a49e6	#9a49e6	#7624c1	#7624c1
#efb4a0	#efb4a0	#a66b57	#a66b57	#ab67ea	#ab67ea	#621ea1	#621ea1
#f2c3b3	#f2c3b3	#855545	#855545	#bc85ee	#bc85ee	#4e1881	#4e1881
#f5d2c6	#f5d2c6	#634034	#634034	#cca4f2	#cca4f2	#3b1260	#3b1260
#f8e1d9	#f8e1d9	#422a22	#422a22	#ddc2f6	#ddc2f6	#270c40	#270c40
#fbf0ec	#fbf0ec	#211511	#211511	#eee0fa	#eee0fa	#130620	#130620
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e9967a und Farbwert #8a2be2

Text- und Unterstreichungsfarben von HTML-Tag h4

Eine Überschrift wird mit HTML-Tag <h4> gesetzt. Diese kann man farblich gestalten.

In diesem Beispiel ändern wir die Textfarbe von <h4> auf Farbwert #8a2be2 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf courier new. Die Schriftgröße vergrößern wir auf 112%. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines gefurchten Rahmens mit 1 Pixel Dicke in Farbwert #e9967a. Dies geht in HTML nicht. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  h4 { 
    font-size:112%; 
    border-bottom:1px groove #e9967a; 
    font-family:courier new; 
    color:#8a2be2;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Die Beschreibung des HTML-Tag h4 finden Sie in der HTML Referenz unter <h4>.

Wechsel der Hintergrundfarbe bei Hover von Tag p

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

Hier setzen wir bei <p> die Hintergrundfarbe auf Farbwert #e9967a. Die Größe der Schrift setzen wir auf 9px:

<style type="text/css"><!--
  p { 
    background-color: #e9967a; 
    font-size: 9px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #8a2be2 ändert.

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

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten des HTML-Tag p finden Sie in der HTML Referenz unter <p>.