Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumslateblue und Farbwert #2f4f4f

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 mediumslateblue			Schriftfarbwert #2f4f4f
Detail	:	Hintergrund mediumslateblue	Detail	:	Schrift #2f4f4f
Farbe	:	mediumslateblue	Farbwert	:	#2f4f4f
Farbwert	:	#7b68ee	Farbe	:	darkslategray
HTML	:	mediumslateblue	HTML	:	#2f4f4f
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#2f4f4f
CSS	:	mediumslateblue	CSS	:	#2f4f4f
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbe mediumslateblue nach Schriftfarbwert #2f4f4f
#7b68ee	#7064d7	#6560c0	#5a5da9	#4f5993	#44567c	#395265	#2f4f4f
#7b68ee	#7064d7	#6560c0	#5a5da9	#4f5993	#44567c	#395265	#2f4f4f

Kombination von mediumslateblue und #2f4f4f
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund mediumslateblue ist #2f4f4f ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #2f4f4f und mediumslateblue beträgt 89.76%. Die Lesbarkeit dieser Kombination liegt damit bei 10.24%.

Hintergrundfarbe mediumslateblue				Schriftfarbwert #2f4f4f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#8d7df0	#8d7df0	#6959cc	#6959cc	#4c6868	#4c6868	#284343	#284343
#a093f2	#a093f2	#574aaa	#574aaa	#6a8181	#6a8181	#213838	#213838
#b3a8f5	#b3a8f5	#463b88	#463b88	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#c6bef7	#c6bef7	#342c66	#342c66	#a5b3b3	#a5b3b3	#142121	#142121
#d9d3fa	#d9d3fa	#231d44	#231d44	#c3cccc	#c3cccc	#0d1616	#0d1616
#ece9fc	#ece9fc	#110e22	#110e22	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe mediumslateblue und Farbwert #2f4f4f

Wechsel der Textfarbe bei Hover bei HTML-Tag h1

Eine Überschrift der 1. Stufe wird mit Tag <h1> gesetzt. Diese können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbe mediumslateblue auf Farbwert #2f4f4f ändern, wenn man mit der Maus auf <h1> zeigt. Bereiten wir zunächst die Darstellung von <h1> in Farbe mediumslateblue vor.

Wir legen als Beispiel Farbe mediumslateblue als Textfarbe von <h1> fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf monospace:

<style type="text/css"><!--
  h1 { 
    color:mediumslateblue; 
    font-family:monospace;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #2f4f4f ändert.

<style type="text/css"><!--
  h1: hover { 
    color: #2f4f4f;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Der HTML-Tag h1 ist in der HTML Referenz bei <h1> gezeigt.