Ressourcen: 120 HTML Farbnamen - Kombination von Farbe blueviolet und Farbwert #fa8072

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 blueviolet			Schriftfarbwert #fa8072
Detail	:	Hintergrund blueviolet	Detail	:	Schrift #fa8072
Farbe	:	blueviolet	Farbwert	:	#fa8072
Farbwert	:	#8a2be2	Farbe	:	salmon
HTML	:	blueviolet	HTML	:	#fa8072
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#fa8072
CSS	:	blueviolet	CSS	:	#fa8072
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbe blueviolet nach Schriftfarbwert #fa8072
#8a2be2	#9a37d2	#aa43c2	#ba4fb2	#ca5ba2	#da6792	#ea7382	#fa8072
#8a2be2	#9a37d2	#aa43c2	#ba4fb2	#ca5ba2	#da6792	#ea7382	#fa8072

Kombination von blueviolet und #fa8072
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.				Die Ähnlichkeit der Farben #fa8072 und blueviolet ergibt sich zu 88.66%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 11.34%. Auf Hintergrund blueviolet ist #fa8072 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbe blueviolet				Schriftfarbwert #fa8072
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#fa8072	#fa8072	#fa8072	#fa8072
#9a49e6	#9a49e6	#7624c1	#7624c1	#fa9286	#fa9286	#d66d61	#d66d61
#ab67ea	#ab67ea	#621ea1	#621ea1	#fba49a	#fba49a	#b25b51	#b25b51
#bc85ee	#bc85ee	#4e1881	#4e1881	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#cca4f2	#cca4f2	#3b1260	#3b1260	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#ddc2f6	#ddc2f6	#270c40	#270c40	#fddad6	#fddad6	#472420	#472420
#eee0fa	#eee0fa	#130620	#130620	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blueviolet und Farbwert #fa8072

Text- und Unterstreichungsfarben bei HTML-Befehl h3

Mit HTML-Befehl <h3> erzeugen Sie eine Überschrift der 3. Stufe. Diese kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel ändern wir die Textfarbe von <h3> auf Farbwert #fa8072 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new. Die Schriftgröße verkleinern wir auf 99%. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines gefurchten Rahmens mit 3 Punkte Dicke in Farbe blueviolet. Das geht in HTML kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h3 { 
    border-bottom-width: 3pt; 
    border-bottom-color: blueviolet; 
    color: #fa8072; 
    border-bottom-style: groove; 
    font-family: courier new; 
    font-size: 99%;
  }
//-->
</style>

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

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier verwendeten HTML-Befehl h3 erfahren Sie in der HTML Referenz unter <h3>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl center

Die Hintergrundfarbe soll sich von Farbe blueviolet auf Farbwert #fa8072 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <center> in Farbe blueviolet vor.

Wir legen hier die Hintergrundfarbe von <center> auf Farbe blueviolet fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf sans-serif.

<style type="text/css"><!--
  center { 
    background-color: blueviolet; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #fa8072 ändert.

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

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum Tag <center>.