Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #3cb371 und Farbwert #800080

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #3cb371			Schriftfarbwert #800080
Detail	:	Hintergrund #3cb371	Detail	:	Schrift #800080
Farbwert	:	#3cb371	Farbwert	:	#800080
Farbe	:	mediumseagreen	Farbe	:	purple
HTML	:	#3cb371	HTML	:	#800080
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#800080
CSS	:	#3cb371	CSS	:	#800080
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#800080
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#800080
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(128,0,128)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(50%,0%,50%)

Verlauf Hintergrundfarbwert #3cb371 nach Schriftfarbwert #800080
#3cb371	#459973	#4f7f75	#596677	#624c79	#6c337b	#76197d	#800080
#3cb371	#459973	#4f7f75	#596677	#624c79	#6c337b	#76197d	#800080

Kombination von #3cb371 und #800080
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#800080 eignet sich nicht als Schriftfarbe auf Hintergrund #3cb371, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von #800080 und #3cb371 ergibt sich zu 83.17%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 16.83%.

Hintergrundfarbwert #3cb371				Schriftfarbwert #800080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#800080	#800080	#800080	#800080
#57bd85	#57bd85	#339960	#339960	#922492	#922492	#6d006d	#6d006d
#73c899	#73c899	#2a7f50	#2a7f50	#a448a4	#a448a4	#5b005b	#5b005b
#8fd3ad	#8fd3ad	#226640	#226640	#b66db6	#b66db6	#490049	#490049
#abdec2	#abdec2	#194c30	#194c30	#c891c8	#c891c8	#360036	#360036
#c7e9d6	#c7e9d6	#113320	#113320	#dab6da	#dab6da	#240024	#240024
#e3f4ea	#e3f4ea	#081910	#081910	#ecdaec	#ecdaec	#120012	#120012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #3cb371 und Farbwert #800080

Hintergrund/Text-Kombination mit Tag p

Hier ändern wir die Textfarbe von <p> auf Farbwert #800080 und die Hintergrundfarbe von <p> auf Farbwert #3cb371. Als Schriftart setzen wir sans-serif und als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  p { 
    font-family: sans-serif; 
    color: #800080; 
    background-color: #3cb371; 
    font-size: 13px;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier gezeigten Befehl p sind in der HTML Referenz bei <p> genau zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover mit Tag address

Die Hintergrundfarbe soll sich von Farbwert #3cb371 auf Farbwert #800080 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <address> in Farbwert #3cb371 vor.

Wir ändern z.B. bei <address> die Hintergrundfarbe auf Farbwert #3cb371. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  address { 
    background-color: #3cb371; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #800080 geändert wird.

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

Weiteres zu address können Sie in Blockorientierte Elemente in HTML lesen. Weiteres zum Befehl address finden Sie in der HTML Referenz unter <address>.