Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe darkorchid

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 darkorchid
Detail	:	Hintergrundfarbe darkorchid	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	darkorchid	#9932cc	#9932cc	#9932cc	#9932cc
Farbwert	:	#9932cc	#a74fd3	#a74fd3	#832aae	#832aae
HTML	:	darkorchid	#b66cda	#b66cda	#6d2391	#6d2391
CSS	:	darkorchid	#c489e1	#c489e1	#571c74	#571c74
CSS (Wert)	:	#9932cc	#d3a7e9	#d3a7e9	#411557	#411557
CSS (kürzest)	:	#9932cc	#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a
CSS (RGB)	:	rgb(153,50,204)	#f0e1f7	#f0e1f7	#15071d	#15071d
CSS (%RGB)	:	rgb(60%,19%,80%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe darkorchid

Änderung der Hintergrundfarbe bei Hover von Tag address

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

Dafür stellen wir <address> so ein, dass bei Mausberührung die Hintergrundfarbe auf Farbe darkorchid gesetzt wird.

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

Mehr zum Thema address finden Sie in Blockorientierte Elemente in HTML. Mehr zum HTML-Tag address lesen Sie in der HTML Referenz unter <address>.

Änderung der Unterstreichung bei Hover von HTML-Befehl legend

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

<style type="text/css"><!--
  legend { 
    border-bottom-style: double; 
    border-bottom-color: #a8435c; 
    border-bottom-width: 3px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Unterstreichungsfarbe auf Farbe darkorchid gesetzt wird.

<style type="text/css"><!--
  legend: hover { 
    border-bottom-color: darkorchid;
  }
//-->
</style>

Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Manchmal sieht man dies bei Links. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "wirkliche" Unterstreichung, der Text hat gar keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Weiteres zu legend finden Sie in Formulare in HTML. Weiteres zum hier gezeigten Tag legend finden Sie in der HTML Referenz unter <legend>.