Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #dda0dd

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 #dda0dd
Detail	:	Hintergrundfarbwert #dda0dd	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#dda0dd	#dda0dd	#dda0dd	#dda0dd	#dda0dd
Farbe	:	plum	#e1ade1	#e1ade1	#bd89bd	#bd89bd
HTML	:	#dda0dd	#e6bbe6	#e6bbe6	#9d729d	#9d729d
CSS	:	#dda0dd	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
CSS (Wert)	:	#dda0dd	#f0d6f0	#f0d6f0	#5e445e	#5e445e
CSS (kürzest)	:	#dda0dd	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
CSS (RGB)	:	rgb(221,160,221)	#faf1fa	#faf1fa	#1f161f	#1f161f
CSS (%RGB)	:	rgb(86%,62%,86%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #dda0dd

Farbige Unterstreichung von HTML-Tag h1

Mit Tag <h1> erzeugen Sie eine Überschrift. Diese kann man hervorheben und farblich gestalten.

Beispielsweise unterstreichen wir <h1> mit einem gestrichelten Rahmen mit 4 Pixel Dicke in Farbwert #dda0dd. Dies geht mit HTML kaum. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  h1 { border-bottom:4px dashed #dda0dd; }
//-->
</style>

Die Idee ist dabei, verschiedene Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sehen Sie diesen Effekt bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "wirkliche" Unterstreichung, der Text ist nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zu h1 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten vom HTML-Tag <h1>.

Änderung der Unterstreichung bei Hover bei HTML-Befehl cite

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

Dafür stellen wir <cite> so ein, dass bei Hover die Farbe der Unterstreichung auf Farbwert #dda0dd gesetzt wird.

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

Einzelheiten vom hier verwendeten Tag cite sind in der HTML Referenz unter <cite> beschrieben.