Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumpurple und Farbwert #0000cd

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			Schriftfarbwert #0000cd
Detail	:	Hintergrund mediumpurple	Detail	:	Schrift #0000cd
Farbe	:	mediumpurple	Farbwert	:	#0000cd
Farbwert	:	#9370db	Farbe	:	mediumblue
HTML	:	mediumpurple	HTML	:	#0000cd
HTML (Wert)	:	#9370db	HTML (Wert)	:	#0000cd
CSS	:	mediumpurple	CSS	:	#0000cd
CSS (Wert)	:	#9370db	CSS (Wert)	:	#0000cd
CSS (kürzest)	:	#9370db	CSS (kürzest)	:	#0000cd
CSS (RGB)	:	rgb(147,112,219)	CSS (RGB)	:	rgb(0,0,205)
CSS (%RGB)	:	rgb(57%,43%,85%)	CSS (%RGB)	:	rgb(0%,0%,80%)

Verlauf Hintergrundfarbe mediumpurple nach Schriftfarbwert #0000cd
#9370db	#7e60d9	#6950d7	#5440d5	#3f30d3	#2a20d1	#1510cf	#0000cd
#9370db	#7e60d9	#6950d7	#5440d5	#3f30d3	#2a20d1	#1510cf	#0000cd

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

Hintergrundfarbe mediumpurple				Schriftfarbwert #0000cd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9370db	#9370db	#9370db	#9370db	#0000cd	#0000cd	#0000cd	#0000cd
#a284e0	#a284e0	#7e60bb	#7e60bb	#2424d4	#2424d4	#0000af	#0000af
#b198e5	#b198e5	#69509c	#69509c	#4848db	#4848db	#000092	#000092
#c1adea	#c1adea	#54407d	#54407d	#6d6de2	#6d6de2	#000075	#000075
#d0c1ef	#d0c1ef	#3f305d	#3f305d	#9191e9	#9191e9	#000057	#000057
#e0d6f4	#e0d6f4	#2a203e	#2a203e	#b6b6f0	#b6b6f0	#00003a	#00003a
#efeaf9	#efeaf9	#15101f	#15101f	#dadaf7	#dadaf7	#00001d	#00001d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumpurple und Farbwert #0000cd

Wechsel der Hintergrundfarbe bei Hover bei Tag a

Mit HTML-Befehl <a> wird ein Verweis gesetzt. Diesen können Sie farblich gestalten und hervorheben.

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

Als Beispiel legen wir Farbe mediumpurple als Hintergrundfarbe von <a> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf arial und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  a { 
    background-color: mediumpurple; 
    font-family: arial; 
    font-size: 13px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #0000cd geändert wird.

<style type="text/css"><!--
  a:hover { 
    background-color:#0000cd;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Die Beschreibung vom hier verwendeten HTML-Befehl a finden Sie in der HTML Referenz unter <a>.

Füllen und Umranden von Tag col

Hier umranden wir <col> mit einem . Die Hintergrundfarbe für <col> setzen wir entsprechend auf Farbe mediumpurple. Das ist in HTML kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  col { border:3pt dashed #0000cd; background-color:mediumpurple; }
//-->
</style>

Mehr zu col können Sie in Tabellen in HTML lesen. Einzelheiten des hier gezeigten Befehl col sind in der HTML Referenz bei <col> genau gezeigt.