Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #8fbc8f und Farbwert #adff2f

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 #8fbc8f			Schriftfarbwert #adff2f
Detail	:	Hintergrund #8fbc8f	Detail	:	Schrift #adff2f
Farbwert	:	#8fbc8f	Farbwert	:	#adff2f
Farbe	:	darkseagreen	Farbe	:	greenyellow
HTML	:	#8fbc8f	HTML	:	#adff2f
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#adff2f
CSS	:	#8fbc8f	CSS	:	#adff2f
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#adff2f
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#adff2f
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(173,255,47)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(67%,100%,18%)

Verlauf Hintergrundfarbwert #8fbc8f nach Schriftfarbwert #adff2f
#8fbc8f	#93c581	#97cf73	#9bd865	#a0e258	#a4eb4a	#a8f53c	#adff2f
#8fbc8f	#93c581	#97cf73	#9bd865	#a0e258	#a4eb4a	#a8f53c	#adff2f

Kombination von #8fbc8f und #adff2f
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #adff2f und #8fbc8f beträgt 91.64%. Die Lesbarkeit dieser Kombination ergibt sich zu 8.36%. #adff2f ist nicht als Schriftfarbe auf Hintergrund #8fbc8f geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #8fbc8f				Schriftfarbwert #adff2f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#adff2f	#adff2f	#adff2f	#adff2f
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#b8ff4c	#b8ff4c	#94da28	#94da28
#afcfaf	#afcfaf	#668666	#668666	#c4ff6a	#c4ff6a	#7bb621	#7bb621
#bfd8bf	#bfd8bf	#516b51	#516b51	#d0ff88	#d0ff88	#62911a	#62911a
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#dbffa5	#dbffa5	#4a6d14	#4a6d14
#dfebdf	#dfebdf	#283528	#283528	#e7ffc3	#e7ffc3	#31480d	#31480d
#eff5ef	#eff5ef	#141a14	#141a14	#f3ffe1	#f3ffe1	#182406	#182406
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8fbc8f und Farbwert #adff2f

Wechsel der Umrandung bei Hover bei Befehl img

Die Rahmenfarbe soll sich von Farbwert #8fbc8f auf Farbwert #adff2f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <img> in Farbwert #8fbc8f vor.

In diesem Beispiel umranden wir <img> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbwert #8fbc8f.

<style type="text/css"><!--
  img { 
    border-color: #8fbc8f; 
    border-style: dashed; 
    border-width: 4px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #adff2f geändert wird.

<style type="text/css"><!--
  img: hover { 
    border-color: #adff2f;
  }
//-->
</style>

Mehr zum Thema img finden Sie in Grafik in HTML. Weiteres zum hier verwendeten HTML-Tag <img>.

Wechsel der Textfarbe bei Hover mit HTML-Tag h4

Eine Überschrift der 4. Stufe setzen Sie mit Befehl <h4>. Diese können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbwert #8fbc8f auf Farbwert #adff2f ändern, wenn man mit der Maus auf <h4> zeigt. Wir bereiten zunächst die Darstellung von <h4> in Farbwert #8fbc8f vor.

Für dieses Beispiel legen wir die Textfarbe von <h4> auf Farbwert #8fbc8f fest:

<style type="text/css"><!--
  h4 { 
    color:#8fbc8f;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #adff2f ändert.

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

Mehr zu h4 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des HTML-Tag h4 sind in der HTML Referenz unter <h4> ausführlich zusammengestellt.