Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbwert #da70d6

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.

Hintergrundfarbwert #da70d6
Detail	:	Hintergrundfarbwert #da70d6	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#da70d6	#da70d6	#da70d6	#da70d6	#da70d6
Farbe	:	orchid	#df84db	#df84db	#ba60b7	#ba60b7
HTML	:	#da70d6	#e498e1	#e498e1	#9b5098	#9b5098
CSS	:	#da70d6	#e9ade7	#e9ade7	#7c407a	#7c407a
CSS (Wert)	:	#da70d6	#efc1ed	#efc1ed	#5d305b	#5d305b
CSS (kürzest)	:	#da70d6	#f4d6f3	#f4d6f3	#3e203d	#3e203d
CSS (RGB)	:	rgb(218,112,214)	#f9eaf9	#f9eaf9	#1f101e	#1f101e
CSS (%RGB)	:	rgb(85%,43%,83%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #da70d6

Änderung der Unterstreichung bei Hover mit Befehl caption

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

<style type="text/css"><!--
  caption { border-bottom:1px inset #9bbd1b; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Unterstreichungsfarbe auf Farbwert #da70d6 gesetzt wird.

<style type="text/css"><!--
  caption:hover { 
    border-bottom-color:#da70d6;
  }
//-->
</style>

Die Idee ist, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man dies bei Links. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Es ist aber keine normale Unterstreichung, der Text selbst hat keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Mehr zum Thema caption finden Sie in Tabellen in HTML. Beschreibung des Tag <caption>.

Änderung der Textfarbe mit Befehl li

In diesem Beispiel ändern wir die Textfarbe von <li> auf Farbwert #da70d6.

<li style="color:#da70d6;">
Text ist in Farbwert #da70d6
</li>

Mehr zu li finden Sie in Listen und Glossare in HTML. Möglichkeiten vom hier verwendeten Befehl li finden Sie in der HTML Referenz unter <li>.