Ressourcen: 137 HTML Farbnamen - Kombination von Farbe blueviolet und Farbwert #ffffe0

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe blueviolet			Schriftfarbwert #ffffe0
Detail	:	Hintergrund blueviolet	Detail	:	Schrift #ffffe0
Farbe	:	blueviolet	Farbwert	:	#ffffe0
Farbwert	:	#8a2be2	Farbe	:	lightyellow
HTML	:	blueviolet	HTML	:	#ffffe0
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#ffffe0
CSS	:	blueviolet	CSS	:	#ffffe0
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#ffffe0
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#ffffe0
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(255,255,224)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(100%,100%,87%)

Verlauf Hintergrundfarbe blueviolet nach Schriftfarbwert #ffffe0
#8a2be2	#9a49e1	#ab67e1	#bc85e1	#cca4e0	#ddc2e0	#eee0e0	#ffffe0
#8a2be2	#9a49e1	#ab67e1	#bc85e1	#cca4e0	#ddc2e0	#eee0e0	#ffffe0

Kombination von blueviolet und #ffffe0
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ffffe0 eignet sich nicht als Schriftfarbe auf Hintergrund blueviolet. Zwar ist der Helligkeitsunterschied ausreichend, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit von #ffffe0 und blueviolet ergibt sich zu 72.12%. Die Lesbarkeit dieser Kombination bewerte ich mit 27.88%.

Hintergrundfarbe blueviolet				Schriftfarbwert #ffffe0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#9a49e6	#9a49e6	#7624c1	#7624c1	#ffffe4	#ffffe4	#dadac0	#dadac0
#ab67ea	#ab67ea	#621ea1	#621ea1	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#bc85ee	#bc85ee	#4e1881	#4e1881	#ffffed	#ffffed	#919180	#919180
#cca4f2	#cca4f2	#3b1260	#3b1260	#fffff1	#fffff1	#6d6d60	#6d6d60
#ddc2f6	#ddc2f6	#270c40	#270c40	#fffff6	#fffff6	#484840	#484840
#eee0fa	#eee0fa	#130620	#130620	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blueviolet und Farbwert #ffffe0

Text- und Unterstreichungsfarben mit Tag a

Einen Verweis setzt man mit Befehl <a>. Diesen können Sie farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #ffffe0. Die Schriftart ändern wir auf monospace. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines doppelten Rahmens mit 1 Punkte Dicke in Farbe blueviolet. Das geht in HTML nicht. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  a { 
    font-size:13px; 
    font-family:monospace; 
    color:#ffffe0; 
    border-bottom-style:double; 
    border-bottom-color:blueviolet; 
    border-bottom-width:1pt;
  }
//-->
</style>

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

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Einzelheiten vom Tag a sind in der HTML Referenz bei <a> genau zusammengestellt.

Wechsel der Textfarbe bei Hover mit Befehl dt

Die Textfarbe soll sich von Farbe blueviolet auf Farbwert #ffffe0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <dt> in Farbe blueviolet vor.

Wir setzen in diesem Beispiel bei <dt> die Textfarbe auf Farbe blueviolet. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf sans-serif. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  dt { 
    font-size:13px; 
    font-family:sans-serif; 
    color:blueviolet;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf #ffffe0 geändert wird.

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

Weiteres zu dt lesen Sie in Listen und Glossare in HTML. Einzelheiten des HTML-Tag dt sind in der HTML Referenz unter <dt> ausführlich zusammengestellt.