Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #7b68ee

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 #7b68ee
Detail	:	Hintergrundfarbwert #7b68ee	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#7b68ee	#7b68ee	#7b68ee	#7b68ee	#7b68ee
Farbe	:	mediumslateblue	#8d7df0	#8d7df0	#6959cc	#6959cc
HTML	:	#7b68ee	#a093f2	#a093f2	#574aaa	#574aaa
CSS	:	#7b68ee	#b3a8f5	#b3a8f5	#463b88	#463b88
CSS (Wert)	:	#7b68ee	#c6bef7	#c6bef7	#342c66	#342c66
CSS (kürzest)	:	#7b68ee	#d9d3fa	#d9d3fa	#231d44	#231d44
CSS (RGB)	:	rgb(123,104,238)	#ece9fc	#ece9fc	#110e22	#110e22
CSS (%RGB)	:	rgb(48%,40%,93%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #7b68ee

Umrandung bei HTML-Befehl img

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbwert #7b68ee. Das ist mit HTML nicht möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  img { border:3px ridge #7b68ee; }
//-->
</style>

Weiteres zum Thema können Sie in Grafik in HTML nachlesen. Die Beschreibung des hier genutzten HTML-Tag img lesen Sie in der HTML Referenz unter <img>.

Änderung der Textfarbe bei Hover mit HTML-Tag center

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <center> vor.

<style type="text/css"><!--
  center { 
    font-size:89%; 
    color:#2418fe; 
    font-family:verdana;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbwert #7b68ee gesetzt wird.

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

Weiteres zum Thema center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des Tag center lesen Sie in der HTML Referenz unter <center>.