Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkmagenta und 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 darkmagenta			Schriftfarbe mediumpurple
Detail	:	Hintergrund darkmagenta	Detail	:	Schrift mediumpurple
Farbe	:	darkmagenta	Farbe	:	mediumpurple
Farbwert	:	#8b008b	Farbwert	:	#9370db
HTML	:	darkmagenta	HTML	:	mediumpurple
HTML (Wert)	:	#8b008b	HTML (Wert)	:	#9370db
CSS	:	darkmagenta	CSS	:	mediumpurple
CSS (Wert)	:	#8b008b	CSS (Wert)	:	#9370db
CSS (kürzest)	:	#8b008b	CSS (kürzest)	:	#9370db
CSS (RGB)	:	rgb(139,0,139)	CSS (RGB)	:	rgb(147,112,219)
CSS (%RGB)	:	rgb(54%,0%,54%)	CSS (%RGB)	:	rgb(57%,43%,85%)

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

Kombination von darkmagenta und mediumpurple
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von mediumpurple und darkmagenta ergibt sich zu 89.24%. Die Lesbarkeit dieser Farbkombination liegt damit bei 10.76%. mediumpurple ist nicht als Schriftfarbe auf Hintergrund darkmagenta geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

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

Beispiele zur Kombination von Farbe darkmagenta und Farbe mediumpurple

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag center

Die Hintergrundfarbe soll sich von Farbe darkmagenta auf Farbe mediumpurple ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst die Darstellung von <center> in Farbe darkmagenta vor.

Zum Beispiel setzen wir bei <center> die Hintergrundfarbe auf Farbe darkmagenta. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf monospace und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  center { 
    background-color: darkmagenta; 
    font-size: 13px; 
    font-family: monospace;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf mediumpurple gesetzt wird.

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

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des hier gezeigten HTML-Tag <center>.

Füllen und Umranden mit Befehl frame

Hier umranden wir <frame> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe mediumpurple . Die Hintergrundfarbe für <frame> setzen wir entsprechend auf Farbe darkmagenta. Mit HTML ist dies kaum machbar. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  frame { border:4px ridge mediumpurple; background-color:darkmagenta; }
//-->
</style>

Einzelheiten vom HTML-Befehl <frame>.