Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7b68ee und Farbe mediumspringgreen

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 #7b68ee			Schriftfarbe mediumspringgreen
Detail	:	Hintergrund #7b68ee	Detail	:	Schrift mediumspringgreen
Farbwert	:	#7b68ee	Farbe	:	mediumspringgreen
Farbe	:	mediumslateblue	Farbwert	:	#00fa9a
HTML	:	#7b68ee	HTML	:	mediumspringgreen
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#00fa9a
CSS	:	#7b68ee	CSS	:	mediumspringgreen
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#00fa9a
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#00fa9a
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(0,250,154)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(0%,98%,60%)

Verlauf Hintergrundfarbwert #7b68ee nach Schriftfarbe mediumspringgreen
#7b68ee	#697ce2	#5791d6	#46a6ca	#34bbbe	#23d0b2	#11e5a6	#00fa9a
#7b68ee	#697ce2	#5791d6	#46a6ca	#34bbbe	#23d0b2	#11e5a6	#00fa9a

Kombination von #7b68ee und mediumspringgreen
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit der Farben mediumspringgreen und #7b68ee beträgt 85.74%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 14.26%. Auf Hintergrund #7b68ee ist mediumspringgreen ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #7b68ee				Schriftfarbe mediumspringgreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#00fa9a	#00fa9a	#00fa9a	#00fa9a
#8d7df0	#8d7df0	#6959cc	#6959cc	#24faa8	#24faa8	#00d684	#00d684
#a093f2	#a093f2	#574aaa	#574aaa	#48fbb6	#48fbb6	#00b26e	#00b26e
#b3a8f5	#b3a8f5	#463b88	#463b88	#6dfcc5	#6dfcc5	#008e58	#008e58
#c6bef7	#c6bef7	#342c66	#342c66	#91fcd3	#91fcd3	#006b42	#006b42
#d9d3fa	#d9d3fa	#231d44	#231d44	#b6fde2	#b6fde2	#00472c	#00472c
#ece9fc	#ece9fc	#110e22	#110e22	#dafef0	#dafef0	#002316	#002316
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7b68ee und Farbe mediumspringgreen

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag blockquote

Die Hintergrundfarbe soll sich von Farbwert #7b68ee auf Farbe mediumspringgreen ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst die Formatierung von <blockquote> in Farbwert #7b68ee vor.

Als Beispiel legen wir Farbwert #7b68ee als Hintergrundfarbe von <blockquote> fest und verringern die Größe der Schrift auf 94%:

<style type="text/css"><!--
  blockquote { 
    background-color:#7b68ee; 
    font-size:94%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf mediumspringgreen geändert wird.

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

Weiteres zum Thema blockquote lesen Sie in Blockorientierte Elemente in HTML. Mehr zum HTML-Tag blockquote lesen Sie in der HTML Referenz unter <blockquote>.

Hintergrund/Text-Kombination mit HTML-Tag dd

Hier ändern wir die Textfarbe von <dd> auf Farbe mediumspringgreen und die Hintergrundfarbe von <dd> auf Farbwert #7b68ee. Als Schriftart setzen wir arial und als Schriftgröße entscheiden wir uns für 90%.

<style type="text/css"><!--
  dd { 
    background-color:#7b68ee; 
    font-size:90%; 
    color:mediumspringgreen; 
    font-family:arial;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML nachlesen. Einzelheiten des HTML-Befehl <dd>.