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

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.

Hintergrundfarbwert #2f4f4f			Schriftfarbe springgreen
Detail	:	Hintergrund #2f4f4f	Detail	:	Schrift springgreen
Farbwert	:	#2f4f4f	Farbe	:	springgreen
Farbe	:	darkslategray	Farbwert	:	#00ff7f
HTML	:	#2f4f4f	HTML	:	springgreen
HTML (Wert)	:	#2f4f4f	HTML (Wert)	:	#00ff7f
CSS	:	#2f4f4f	CSS	:	springgreen
CSS (Wert)	:	#2f4f4f	CSS (Wert)	:	#00ff7f
CSS (kürzest)	:	#2f4f4f	CSS (kürzest)	:	#00ff7f
CSS (RGB)	:	rgb(47,79,79)	CSS (RGB)	:	rgb(0,255,127)
CSS (%RGB)	:	rgb(18%,30%,30%)	CSS (%RGB)	:	rgb(0%,100%,49%)

Verlauf Hintergrundfarbwert #2f4f4f nach Schriftfarbe springgreen
#2f4f4f	#286855	#21815c	#1a9a63	#14b36a	#0dcc71	#06e578	#00ff7f
#2f4f4f	#286855	#21815c	#1a9a63	#14b36a	#0dcc71	#06e578	#00ff7f

Kombination von #2f4f4f und springgreen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #2f4f4f ist springgreen ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben springgreen und #2f4f4f ergibt sich zu 68.40%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 31.60%.

Hintergrundfarbwert #2f4f4f				Schriftfarbe springgreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f	#00ff7f	#00ff7f	#00ff7f	#00ff7f
#4c6868	#4c6868	#284343	#284343	#24ff91	#24ff91	#00da6c	#00da6c
#6a8181	#6a8181	#213838	#213838	#48ffa3	#48ffa3	#00b65a	#00b65a
#889a9a	#889a9a	#1a2d2d	#1a2d2d	#6dffb5	#6dffb5	#009148	#009148
#a5b3b3	#a5b3b3	#142121	#142121	#91ffc8	#91ffc8	#006d36	#006d36
#c3cccc	#c3cccc	#0d1616	#0d1616	#b6ffda	#b6ffda	#004824	#004824
#e1e5e5	#e1e5e5	#060b0b	#060b0b	#daffec	#daffec	#002412	#002412
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #2f4f4f und Farbe springgreen

Wechsel der Hintergrundfarbe bei Hover von Tag a

Ein Hyperlink wird mit Befehl <a> erzeugt und kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #2f4f4f auf Farbe springgreen ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <a> in Farbwert #2f4f4f vor.

Wir ändern z.B. die Hintergrundfarbe von <a> auf Farbwert #2f4f4f. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf sans-serif:

<style type="text/css"><!--
  a { 
    font-family:sans-serif; 
    background-color:#2f4f4f;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf springgreen ändert.

<style type="text/css"><!--
  a: hover { 
    background-color: springgreen;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Der HTML-Tag a ist in der HTML Referenz bei <a> ausführlich zusammengestellt.

Hintergrund/Text-Kombination von HTML-Befehl dd

Wir ändern in diesem Beispiel die Textfarbe von <dd> auf Farbe springgreen und die Hintergrundfarbe von <dd> auf Farbwert #2f4f4f. Als Schriftart wählen wir verdana und verringern die Schriftgröße auf 85%.

<style type="text/css"><!--
  dd { 
    font-size: 85%; 
    font-family: verdana; 
    color: springgreen; 
    background-color: #2f4f4f;
  }
//-->
</style>

Weiteres zu dd können Sie in Listen und Glossare in HTML erfahren. Mehr zum Tag <dd>.