Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe mediumpurple

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 mediumpurple
Detail	:	Hintergrundfarbe mediumpurple	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	mediumpurple	#9370db	#9370db	#9370db	#9370db
Farbwert	:	#9370db	#a284e0	#a284e0	#7e60bb	#7e60bb
HTML	:	mediumpurple	#b198e5	#b198e5	#69509c	#69509c
CSS	:	mediumpurple	#c1adea	#c1adea	#54407d	#54407d
CSS (Wert)	:	#9370db	#d0c1ef	#d0c1ef	#3f305d	#3f305d
CSS (kürzest)	:	#9370db	#e0d6f4	#e0d6f4	#2a203e	#2a203e
CSS (RGB)	:	rgb(147,112,219)	#efeaf9	#efeaf9	#15101f	#15101f
CSS (%RGB)	:	rgb(57%,43%,85%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe mediumpurple

Änderung der Textfarbe bei Hover von Tag h4

Eine Überschrift der 4. Stufe erzeugen Sie mit Tag <h4>. Diese kann man hervorheben und farblich gestalten.

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

Dafür stellen wir <h4> so ein, dass sich bei Berührung mit der Maus die Textfarbe auf Farbe mediumpurple ändert.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten des HTML-Tag h4 sind in der HTML Referenz bei <h4> genau zusammengestellt.

Farbige Unterstreichung von HTML-Tag abbr

Hier unterstreichen wir <abbr> mit Hilfe eines gefurchten Rahmens mit 4 Pixel Dicke in Farbe mediumpurple. Mit HTML ist das kaum möglich. Daher verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  abbr { 
    border-bottom-color:mediumpurple; 
    border-bottom-style:groove; 
    border-bottom-width:4px;
  }
//-->
</style>

Die Idee ist hierbei, unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sehen Sie das bei Links. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Dies ist aber keine wirkliche Unterstreichung, der Text selbst ist überhaupt nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zum hier verwendeten HTML-Tag <abbr>.