Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumseagreen und Farbwert #006400

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.

Hintergrundfarbe mediumseagreen			Schriftfarbwert #006400
Detail	:	Hintergrund mediumseagreen	Detail	:	Schrift #006400
Farbe	:	mediumseagreen	Farbwert	:	#006400
Farbwert	:	#3cb371	Farbe	:	darkgreen
HTML	:	mediumseagreen	HTML	:	#006400
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#006400
CSS	:	mediumseagreen	CSS	:	#006400
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#006400
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#006400
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(0,100,0)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(0%,39%,0%)

Verlauf Hintergrundfarbe mediumseagreen nach Schriftfarbwert #006400
#3cb371	#33a760	#2a9c50	#229140	#198530	#117a20	#086f10	#006400
#3cb371	#33a760	#2a9c50	#229140	#198530	#117a20	#086f10	#006400

Kombination von mediumseagreen und #006400
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#006400 ist nicht als Schriftfarbe auf Hintergrund mediumseagreen geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit von #006400 und mediumseagreen ergibt sich zu 86.71%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 13.29%.

Hintergrundfarbe mediumseagreen				Schriftfarbwert #006400
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#006400	#006400	#006400	#006400
#57bd85	#57bd85	#339960	#339960	#247a24	#247a24	#005500	#005500
#73c899	#73c899	#2a7f50	#2a7f50	#489048	#489048	#004700	#004700
#8fd3ad	#8fd3ad	#226640	#226640	#6da66d	#6da66d	#003900	#003900
#abdec2	#abdec2	#194c30	#194c30	#91bc91	#91bc91	#002a00	#002a00
#c7e9d6	#c7e9d6	#113320	#113320	#b6d2b6	#b6d2b6	#001c00	#001c00
#e3f4ea	#e3f4ea	#081910	#081910	#dae8da	#dae8da	#000e00	#000e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumseagreen und Farbwert #006400

Wechsel der Textfarbe bei Hover von HTML-Tag button

Die Textfarbe soll sich von Farbe mediumseagreen auf Farbwert #006400 ändern, wenn man mit der Maus auf <button> zeigt. Wir bereiten zunächst eine Formatierung von <button> in Farbe mediumseagreen vor.

Wir setzen z.B. die Textfarbe von <button> auf Farbe mediumseagreen. Die Größe der Schrift ändern wir auf 12pt.

<style type="text/css"><!--
  button { 
    color: mediumseagreen; 
    font-size: 12pt;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #006400 gesetzt wird.

<style type="text/css"><!--
  button:hover { 
    color:#006400;
  }
//-->
</style>

Mehr zu button lesen Sie in Formulare in HTML. Mehr zum hier genutzten Befehl <button>.

Hintergrund/Text-Kombination mit Tag div

Einen Kontainer erzeugt man mit Tag <div> und kann hervorgehoben und farblich gestaltet werden.

Wir ändern hier die Textfarbe von <div> auf Farbwert #006400 und die Hintergrundfarbe von <div> auf Farbe mediumseagreen. Als Schriftart wählen wir verdana. Als Schriftgröße setzen wir 95%.

<style type="text/css"><!--
  div { 
    font-size:95%; 
    color:#006400; 
    background-color:mediumseagreen; 
    font-family:verdana;
  }
//-->
</style>

Zur Beschreibung vom Befehl <div>.