Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seagreen und Farbwert #7fffd4

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.

Hintergrundfarbe seagreen			Schriftfarbwert #7fffd4
Detail	:	Hintergrund seagreen	Detail	:	Schrift #7fffd4
Farbe	:	seagreen	Farbwert	:	#7fffd4
Farbwert	:	#2e8b57	Farbe	:	aquamarine
HTML	:	seagreen	HTML	:	#7fffd4
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#7fffd4
CSS	:	seagreen	CSS	:	#7fffd4
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#7fffd4
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#7fffd4
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(127,255,212)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(49%,100%,83%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #7fffd4
#2e8b57	#399b68	#45ac7a	#50bc8c	#5ccd9e	#67ddb0	#73eec2	#7fffd4
#2e8b57	#399b68	#45ac7a	#50bc8c	#5ccd9e	#67ddb0	#73eec2	#7fffd4

Kombination von seagreen und #7fffd4
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit der Farben #7fffd4 und seagreen ergibt sich zu 83.48%. Die Lesbarkeit dieser Kombination bewerte ich mit 16.52%. #7fffd4 ist nicht als Schriftfarbe auf Hintergrund seagreen geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe seagreen				Schriftfarbwert #7fffd4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#7fffd4	#7fffd4	#7fffd4	#7fffd4
#4b9b6f	#4b9b6f	#27774a	#27774a	#91ffda	#91ffda	#6cdab5	#6cdab5
#69ac87	#69ac87	#20633e	#20633e	#a3ffe0	#a3ffe0	#5ab697	#5ab697
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#b5ffe6	#b5ffe6	#489179	#489179
#a5cdb7	#a5cdb7	#133b25	#133b25	#c8ffec	#c8ffec	#366d5a	#366d5a
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#dafff2	#dafff2	#24483c	#24483c
#e1eee7	#e1eee7	#06130c	#06130c	#ecfff8	#ecfff8	#12241e	#12241e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seagreen und Farbwert #7fffd4

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag legend

Die Hintergrundfarbe soll sich von Farbe seagreen auf Farbwert #7fffd4 ändern, wenn man mit der Maus auf <legend> zeigt. Bereiten wir zunächst die Formatierung von <legend> in Farbe seagreen vor.

In diesem Beispiel legen wir Farbe seagreen als Hintergrundfarbe von <legend> fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf arial.

<style type="text/css"><!--
  legend { 
    font-family: arial; 
    background-color: seagreen;
  }
//-->
</style>

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

<style type="text/css"><!--
  legend:hover { 
    background-color:#7fffd4;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Formulare in HTML. Mehr zum Tag legend finden Sie in der HTML Referenz unter <legend>.

Hintergrund/Text-Kombination von HTML-Tag li

Wir ändern für dieses Beispiel die Textfarbe von <li> auf Farbwert #7fffd4 und die Hintergrundfarbe von <li> auf Farbe seagreen. Die Schriftart ändern wir auf arial. Als Schriftgröße wählen wir 128%.

<style type="text/css"><!--
  li { 
    background-color:seagreen; 
    font-family:arial; 
    color:#7fffd4; 
    font-size:128%;
  }
//-->
</style>

Mehr zum Thema li finden Sie in Listen und Glossare in HTML. Weiteres zum HTML-Befehl <li>.