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

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

Verlauf Hintergrundfarbwert #3cb371 nach Schriftfarbwert #00ff00
#3cb371	#33bd60	#2ac850	#22d340	#19de30	#11e920	#08f410	#00ff00
#3cb371	#33bd60	#2ac850	#22d340	#19de30	#11e920	#08f410	#00ff00

Kombination von #3cb371 und #00ff00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #00ff00 und #3cb371 ergibt sich zu 90.75%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 9.25%. #00ff00 ist nicht als Schriftfarbe auf Hintergrund #3cb371 geeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #3cb371				Schriftfarbwert #00ff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#00ff00	#00ff00	#00ff00	#00ff00
#57bd85	#57bd85	#339960	#339960	#24ff24	#24ff24	#00da00	#00da00
#73c899	#73c899	#2a7f50	#2a7f50	#48ff48	#48ff48	#00b600	#00b600
#8fd3ad	#8fd3ad	#226640	#226640	#6dff6d	#6dff6d	#009100	#009100
#abdec2	#abdec2	#194c30	#194c30	#91ff91	#91ff91	#006d00	#006d00
#c7e9d6	#c7e9d6	#113320	#113320	#b6ffb6	#b6ffb6	#004800	#004800
#e3f4ea	#e3f4ea	#081910	#081910	#daffda	#daffda	#002400	#002400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #3cb371 und Farbwert #00ff00

Füllen und Umranden von Tag hr

In diesem Beispiel umranden wir <hr> mit einem 5 Punkte dicken, gefurchten Rahmen in Farbwert #00ff00 . Den Hintergrund von <hr> setzen wir auf Farbwert #3cb371. In HTML geht das nicht. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  hr { border:5pt groove #00ff00; background-color:#3cb371; }
//-->
</style>

Weiteres zum Thema hr erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom Befehl <hr>.

Wechsel der Hintergrundfarbe bei Hover von Befehl blockquote

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

Wir legen z.B. Farbwert #3cb371 als Hintergrundfarbe von <blockquote> fest. Die Größe der Schrift vergrößern wir auf 129%:

<style type="text/css"><!--
  blockquote { 
    font-size:129%; 
    background-color:#3cb371;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #00ff00 ändert.

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

Weiteres zum Thema blockquote lesen Sie in Blockorientierte Elemente in HTML. Möglichkeiten vom Tag <blockquote>.