Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #5f9ea0 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.

Hintergrundfarbwert #5f9ea0			Schriftfarbe mediumpurple
Detail	:	Hintergrund #5f9ea0	Detail	:	Schrift mediumpurple
Farbwert	:	#5f9ea0	Farbe	:	mediumpurple
Farbe	:	cadetblue	Farbwert	:	#9370db
HTML	:	#5f9ea0	HTML	:	mediumpurple
HTML (Wert)	:	#5f9ea0	HTML (Wert)	:	#9370db
CSS	:	#5f9ea0	CSS	:	mediumpurple
CSS (Wert)	:	#5f9ea0	CSS (Wert)	:	#9370db
CSS (kürzest)	:	#5f9ea0	CSS (kürzest)	:	#9370db
CSS (RGB)	:	rgb(95,158,160)	CSS (RGB)	:	rgb(147,112,219)
CSS (%RGB)	:	rgb(37%,61%,62%)	CSS (%RGB)	:	rgb(57%,43%,85%)

Verlauf Hintergrundfarbwert #5f9ea0 nach Schriftfarbe mediumpurple
#5f9ea0	#6697a8	#6d90b0	#758ab9	#7c83c1	#847dca	#8b76d2	#9370db
#5f9ea0	#6697a8	#6d90b0	#758ab9	#7c83c1	#847dca	#8b76d2	#9370db

Kombination von #5f9ea0 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #5f9ea0 ist mediumpurple ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von mediumpurple und #5f9ea0 beträgt 94.13%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.87%.

Hintergrundfarbwert #5f9ea0				Schriftfarbe mediumpurple
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0	#9370db	#9370db	#9370db	#9370db
#75abad	#75abad	#518789	#518789	#a284e0	#a284e0	#7e60bb	#7e60bb
#8cb9bb	#8cb9bb	#437072	#437072	#b198e5	#b198e5	#69509c	#69509c
#a3c7c8	#a3c7c8	#365a5b	#365a5b	#c1adea	#c1adea	#54407d	#54407d
#bad5d6	#bad5d6	#284344	#284344	#d0c1ef	#d0c1ef	#3f305d	#3f305d
#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d	#e0d6f4	#e0d6f4	#2a203e	#2a203e
#e8f1f1	#e8f1f1	#0d1616	#0d1616	#efeaf9	#efeaf9	#15101f	#15101f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #5f9ea0 und Farbe mediumpurple

Füllen und Umranden bei Tag cite

Für dieses Beispiel umranden wir <cite> mit einem gefurchten, 3 Pixel dicken Rahmen in Farbe mediumpurple . Die Hintergrundfarbe für <cite> färben wir entsprechend mit Farbwert #5f9ea0. In HTML ist dies kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  cite { 
    border-width:3px; 
    border-color:mediumpurple; 
    border-style:groove; 
    background-color:#5f9ea0;
  }
//-->
</style>

Möglichkeiten vom HTML-Befehl cite sind in der HTML Referenz bei <cite> genau beschrieben.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl address

Die Hintergrundfarbe soll sich von Farbwert #5f9ea0 auf Farbe mediumpurple ändern, wenn man mit der Maus auf <address> zeigt. Bereiten wir zunächst eine Formatierung von <address> in Farbwert #5f9ea0 vor.

Für dieses Beispiel legen wir Farbwert #5f9ea0 als Hintergrundfarbe von <address> fest. Die Textfarbe verändern wir nicht. Die Schriftart setzen wir auf sans-serif und setzen die Größe der Schrift auf 118%.

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

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

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

Mehr zum Thema address lesen Sie in Blockorientierte Elemente in HTML. Möglichkeiten des Tag <address>.