Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumpurple und Farbwert #8b008b

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.

Hintergrundfarbe mediumpurple			Schriftfarbwert #8b008b
Detail	:	Hintergrund mediumpurple	Detail	:	Schrift #8b008b
Farbe	:	mediumpurple	Farbwert	:	#8b008b
Farbwert	:	#9370db	Farbe	:	darkmagenta
HTML	:	mediumpurple	HTML	:	#8b008b
HTML (Wert)	:	#9370db	HTML (Wert)	:	#8b008b
CSS	:	mediumpurple	CSS	:	#8b008b
CSS (Wert)	:	#9370db	CSS (Wert)	:	#8b008b
CSS (kürzest)	:	#9370db	CSS (kürzest)	:	#8b008b
CSS (RGB)	:	rgb(147,112,219)	CSS (RGB)	:	rgb(139,0,139)
CSS (%RGB)	:	rgb(57%,43%,85%)	CSS (%RGB)	:	rgb(54%,0%,54%)

Verlauf Hintergrundfarbe mediumpurple nach Schriftfarbwert #8b008b
#9370db	#9160cf	#9050c4	#8f40b8	#8e30ad	#8d20a1	#8c1096	#8b008b
#9370db	#9160cf	#9050c4	#8f40b8	#8e30ad	#8d20a1	#8c1096	#8b008b

Kombination von mediumpurple und #8b008b
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Auf Hintergrund mediumpurple ist #8b008b ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit der Farben #8b008b und mediumpurple beträgt 89.24%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 10.76%.

Hintergrundfarbe mediumpurple				Schriftfarbwert #8b008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9370db	#9370db	#9370db	#9370db	#8b008b	#8b008b	#8b008b	#8b008b
#a284e0	#a284e0	#7e60bb	#7e60bb	#9b249b	#9b249b	#770077	#770077
#b198e5	#b198e5	#69509c	#69509c	#ac48ac	#ac48ac	#630063	#630063
#c1adea	#c1adea	#54407d	#54407d	#bc6dbc	#bc6dbc	#4f004f	#4f004f
#d0c1ef	#d0c1ef	#3f305d	#3f305d	#cd91cd	#cd91cd	#3b003b	#3b003b
#e0d6f4	#e0d6f4	#2a203e	#2a203e	#ddb6dd	#ddb6dd	#270027	#270027
#efeaf9	#efeaf9	#15101f	#15101f	#eedaee	#eedaee	#130013	#130013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumpurple und Farbwert #8b008b

Wechsel der Umrandung bei Hover bei HTML-Tag h5

Eine Überschrift der 5. Stufe erzeugt man mit HTML-Tag <h5>. Diese kann farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbe mediumpurple auf Farbwert #8b008b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <h5> in Farbe mediumpurple vor.

In diesem Beispiel umranden wir <h5> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe mediumpurple.

<style type="text/css"><!--
  h5 { 
    border-style:ridge; 
    border-color:mediumpurple; 
    border-width:5px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #8b008b geändert wird.

<style type="text/css"><!--
  h5: hover { 
    border-color: #8b008b;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Möglichkeiten des hier verwendeten HTML-Tag <h5>.

Wechsel der Hintergrundfarbe bei Hover bei Tag kbd

Die Hintergrundfarbe soll sich von Farbe mediumpurple auf Farbwert #8b008b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <kbd> in Farbe mediumpurple vor.

Wir legen in diesem Beispiel Farbe mediumpurple als Hintergrundfarbe von <kbd> fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf sans-serif und setzen die Schriftgröße auf 118%.

<style type="text/css"><!--
  kbd { 
    font-family: sans-serif; 
    background-color: mediumpurple; 
    font-size: 118%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #8b008b ändert.

<style type="text/css"><!--
  kbd: hover { 
    background-color: #8b008b;
  }
//-->
</style>

Weiteres zu kbd erfahren Sie in Text in HTML. Der hier gezeigte Tag kbd ist in der HTML Referenz unter <kbd> ausführlich zusammengestellt.