Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumpurple und Farbe rosybrown

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			Schriftfarbe rosybrown
Detail	:	Hintergrund mediumpurple	Detail	:	Schrift rosybrown
Farbe	:	mediumpurple	Farbe	:	rosybrown
Farbwert	:	#9370db	Farbwert	:	#bc8f8f
HTML	:	mediumpurple	HTML	:	rosybrown
HTML (Wert)	:	#9370db	HTML (Wert)	:	#bc8f8f
CSS	:	mediumpurple	CSS	:	rosybrown
CSS (Wert)	:	#9370db	CSS (Wert)	:	#bc8f8f
CSS (kürzest)	:	#9370db	CSS (kürzest)	:	#bc8f8f
CSS (RGB)	:	rgb(147,112,219)	CSS (RGB)	:	rgb(188,143,143)
CSS (%RGB)	:	rgb(57%,43%,85%)	CSS (%RGB)	:	rgb(73%,56%,56%)

Verlauf Hintergrundfarbe mediumpurple nach Schriftfarbe rosybrown
#9370db	#9874d0	#9e78c5	#a47dba	#aa81af	#b086a4	#b68a99	#bc8f8f
#9370db	#9874d0	#9e78c5	#a47dba	#aa81af	#b086a4	#b68a99	#bc8f8f

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

Hintergrundfarbe mediumpurple				Schriftfarbe rosybrown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9370db	#9370db	#9370db	#9370db	#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f
#a284e0	#a284e0	#7e60bb	#7e60bb	#c59f9f	#c59f9f	#a17a7a	#a17a7a
#b198e5	#b198e5	#69509c	#69509c	#cfafaf	#cfafaf	#866666	#866666
#c1adea	#c1adea	#54407d	#54407d	#d8bfbf	#d8bfbf	#6b5151	#6b5151
#d0c1ef	#d0c1ef	#3f305d	#3f305d	#e2cfcf	#e2cfcf	#503d3d	#503d3d
#e0d6f4	#e0d6f4	#2a203e	#2a203e	#ebdfdf	#ebdfdf	#352828	#352828
#efeaf9	#efeaf9	#15101f	#15101f	#f5efef	#f5efef	#1a1414	#1a1414
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumpurple und Farbe rosybrown

Hintergrund/Text-Kombination mit HTML-Befehl a

Mit HTML-Tag <a> wird ein Verweis erzeugt. Diesen kann man farblich gestalten und hervorheben.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbe rosybrown und die Hintergrundfarbe von <a> auf Farbe mediumpurple. Als Schriftart setzen wir courier new und setzen die Schriftgröße auf 10px.

<style type="text/css"><!--
  a { 
    font-family:courier new; 
    color:rosybrown; 
    font-size:10px; 
    background-color:mediumpurple;
  }
//-->
</style>

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Mehr zum hier verwendeten Tag a ist in der HTML Referenz bei <a> genau beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl dd

Die Hintergrundfarbe soll sich von Farbe mediumpurple auf Farbe rosybrown ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <dd> in Farbe mediumpurple vor.

Wir ändern hier die Hintergrundfarbe von <dd> auf Farbe mediumpurple. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf sans-serif und vergrößern die Schriftgröße auf 128%:

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

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf rosybrown gesetzt wird.

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

Mehr zu dd können Sie in Listen und Glossare in HTML finden. Einzelheiten vom Tag dd sind in der HTML Referenz bei <dd> genau gezeigt.