Ressourcen: 17 HTML Standard Farbnamen - Kombinationen mit Farbe purple

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbe purple
Detail	:	Hintergrundfarbe purple	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	purple	#800080	#800080	#800080	#800080
Farbwert	:	#800080	#922492	#922492	#6d006d	#6d006d
HTML	:	purple	#a448a4	#a448a4	#5b005b	#5b005b
CSS	:	purple	#b66db6	#b66db6	#490049	#490049
CSS (Wert)	:	#800080	#c891c8	#c891c8	#360036	#360036
CSS (kürzest)	:	#800080	#dab6da	#dab6da	#240024	#240024
CSS (RGB)	:	rgb(128,0,128)	#ecdaec	#ecdaec	#120012	#120012
CSS (%RGB)	:	rgb(50%,0%,50%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe purple

Änderung der Hintergrundfarbe bei Hover bei Befehl p

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

Hier setzen wir bei <p> die Hintergrundfarbe auf Farbe purple:

<style type="text/css"><!--
  p { 
    background-color: #004f30;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe purple gesetzt wird.

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

Mehr zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom HTML-Tag p sind in der HTML Referenz unter <p> genau beschrieben.

Änderung der Textfarbe bei Hover mit Befehl address

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <address> so ein, dass sich bei Mausberührung die Textfarbe auf Farbe purple ändert.

<style type="text/css"><!--
  address:hover { 
    color:purple;
  }
//-->
</style>

Weiteres zum Thema address lesen Sie in Blockorientierte Elemente in HTML. Der hier verwendete HTML-Tag address ist in der HTML Referenz unter <address> zusammengestellt.