Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe darkmagenta

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 darkmagenta
Detail	:	Hintergrundfarbe darkmagenta	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	darkmagenta	#8b008b	#8b008b	#8b008b	#8b008b
Farbwert	:	#8b008b	#9b249b	#9b249b	#770077	#770077
HTML	:	darkmagenta	#ac48ac	#ac48ac	#630063	#630063
CSS	:	darkmagenta	#bc6dbc	#bc6dbc	#4f004f	#4f004f
CSS (Wert)	:	#8b008b	#cd91cd	#cd91cd	#3b003b	#3b003b
CSS (kürzest)	:	#8b008b	#ddb6dd	#ddb6dd	#270027	#270027
CSS (RGB)	:	rgb(139,0,139)	#eedaee	#eedaee	#130013	#130013
CSS (%RGB)	:	rgb(54%,0%,54%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe darkmagenta

Änderung der Hintergrundfarbe bei Hover mit HTML-Befehl span

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

Dafür stellen wir <span> so ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf Farbe darkmagenta gesetzt wird.

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

Möglichkeiten des HTML-Tag <span>.

Farbige Unterstreichung von HTML-Tag caption

In diesem Beispiel unterstreichen wir <caption> mit Hilfe eines doppelten Rahmens mit 5 Pixel Dicke in Farbe darkmagenta. Mit HTML geht das nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  caption { 
    border-bottom-style: double; 
    border-bottom-width: 5px; 
    border-bottom-color: darkmagenta;
  }
//-->
</style>

Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sieht man dies bei Links. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Es ist jedoch keine normale Unterstreichung, der Text selbst hat keine Unterstreichung. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema caption finden Sie in Tabellen in HTML. Weiteres zum hier gezeigten Befehl caption lesen Sie in der HTML Referenz unter <caption>.