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

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 #8a2be2			Schriftfarbe azure
Detail	:	Hintergrund #8a2be2	Detail	:	Schrift azure
Farbwert	:	#8a2be2	Farbe	:	azure
Farbe	:	blueviolet	Farbwert	:	#f0ffff
HTML	:	#8a2be2	HTML	:	azure
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#f0ffff
CSS	:	#8a2be2	CSS	:	azure
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#f0ffff
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#f0ffff
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(240,255,255)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(94%,100%,100%)

Verlauf Hintergrundfarbwert #8a2be2 nach Schriftfarbe azure
#8a2be2	#9849e6	#a767ea	#b585ee	#c4a4f2	#d2c2f6	#e1e0fa	#f0ffff
#8a2be2	#9849e6	#a767ea	#b585ee	#c4a4f2	#d2c2f6	#e1e0fa	#f0ffff

Kombination von #8a2be2 und azure
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #8a2be2 ist azure ungeeignet. Zwar ist der Helligkeitsunterschied gross genug, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit der Farben azure und #8a2be2 beträgt 72.37%. Die Lesbarkeit dieser Kombination liegt damit bei 27.63%.

Hintergrundfarbwert #8a2be2				Schriftfarbe azure
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#9a49e6	#9a49e6	#7624c1	#7624c1	#f2ffff	#f2ffff	#cddada	#cddada
#ab67ea	#ab67ea	#621ea1	#621ea1	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#bc85ee	#bc85ee	#4e1881	#4e1881	#f6ffff	#f6ffff	#899191	#899191
#cca4f2	#cca4f2	#3b1260	#3b1260	#f8ffff	#f8ffff	#666d6d	#666d6d
#ddc2f6	#ddc2f6	#270c40	#270c40	#faffff	#faffff	#444848	#444848
#eee0fa	#eee0fa	#130620	#130620	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8a2be2 und Farbe azure

Text- und Unterstreichungsfarben von Tag h3

Eine Überschrift wird mit Befehl <h3> gesetzt. Diese kann man farblich gestalten.

Hier ändern wir die Textfarbe von <h3> auf Farbe azure und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf monospace und setzen die Schriftgröße auf 119%. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines gefurchten Rahmens mit 4 Punkte Dicke in Farbwert #8a2be2. Dies ist in HTML so kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  h3 { 
    color: azure; 
    font-family: monospace; 
    border-bottom-width: 4pt; 
    border-bottom-style: groove; 
    border-bottom-color: #8a2be2; 
    font-size: 119%;
  }
//-->
</style>

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

Weiteres zum Thema h3 finden Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom Befehl <h3>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl center

Die Hintergrundfarbe soll sich von Farbwert #8a2be2 auf Farbe azure ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <center> in Farbwert #8a2be2 vor.

Z.B. legen wir bei <center> die Hintergrundfarbe auf Farbwert #8a2be2 fest. Die Größe der Schrift setzen wir auf 10pt:

<style type="text/css"><!--
  center { 
    background-color:#8a2be2; 
    font-size:10pt;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf azure gesetzt wird.

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

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML finden. Weiteres zum HTML-Befehl <center>.