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

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 #f0fff0
Detail	:	Hintergrund #3cb371	Detail	:	Schrift #f0fff0
Farbwert	:	#3cb371	Farbwert	:	#f0fff0
Farbe	:	mediumseagreen	Farbe	:	honeydew
HTML	:	#3cb371	HTML	:	#f0fff0
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#f0fff0
CSS	:	#3cb371	CSS	:	#f0fff0
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#f0fff0
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#f0fff0
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(240,255,240)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(94%,100%,94%)

Verlauf Hintergrundfarbwert #3cb371 nach Schriftfarbwert #f0fff0
#3cb371	#55bd83	#6fc895	#89d3a7	#a2deb9	#bce9cb	#d6f4dd	#f0fff0
#3cb371	#55bd83	#6fc895	#89d3a7	#a2deb9	#bce9cb	#d6f4dd	#f0fff0

Kombination von #3cb371 und #f0fff0
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f0fff0 eignet sich nicht als Schriftfarbe auf Hintergrund #3cb371. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #f0fff0 und #3cb371 beträgt 87.75%. Die Lesbarkeit dieser Kombination ergibt sich zu 12.25%.

Hintergrundfarbwert #3cb371				Schriftfarbwert #f0fff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#f0fff0	#f0fff0	#f0fff0	#f0fff0
#57bd85	#57bd85	#339960	#339960	#f2fff2	#f2fff2	#cddacd	#cddacd
#73c899	#73c899	#2a7f50	#2a7f50	#f4fff4	#f4fff4	#abb6ab	#abb6ab
#8fd3ad	#8fd3ad	#226640	#226640	#f6fff6	#f6fff6	#899189	#899189
#abdec2	#abdec2	#194c30	#194c30	#f8fff8	#f8fff8	#666d66	#666d66
#c7e9d6	#c7e9d6	#113320	#113320	#fafffa	#fafffa	#444844	#444844
#e3f4ea	#e3f4ea	#081910	#081910	#fcfffc	#fcfffc	#222422	#222422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Hintergrundfarbe bei Hover von Befehl cite

Die Hintergrundfarbe soll sich von Farbwert #3cb371 auf Farbwert #f0fff0 ändern, wenn man mit der Maus auf <cite> zeigt. Wir bereiten zunächst eine Darstellung von <cite> in Farbwert #3cb371 vor.

Wir legen als Beispiel die Hintergrundfarbe von <cite> auf Farbwert #3cb371 fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf arial. Die Größe der Schrift setzen wir auf 111%.

<style type="text/css"><!--
  cite { 
    font-size:111%; 
    font-family:arial; 
    background-color:#3cb371;
  }
//-->
</style>

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

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

Mehr zum Tag cite ist in der HTML Referenz unter <cite> ausführlich beschrieben.

Hintergrund/Text-Kombination bei HTML-Befehl strike

Hier ändern wir die Textfarbe von <strike> auf Farbwert #f0fff0 und die Hintergrundfarbe von <strike> auf Farbwert #3cb371. Die Schriftart setzen wir auf sans-serif und verringern die Schriftgröße auf 98%.

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

Mehr zum Thema können Sie in Text in HTML erfahren. Der Tag strike ist in der HTML Referenz unter <strike> ausführlich zusammengestellt.