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

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 #afeeee
Detail	:	Hintergrund #8fbc8f	Detail	:	Schrift #afeeee
Farbwert	:	#8fbc8f	Farbwert	:	#afeeee
Farbe	:	darkseagreen	Farbe	:	paleturquoise
HTML	:	#8fbc8f	HTML	:	#afeeee
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#afeeee
CSS	:	#8fbc8f	CSS	:	#afeeee
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbwert #8fbc8f nach Schriftfarbwert #afeeee
#8fbc8f	#93c39c	#98caaa	#9cd1b7	#a1d8c5	#a5dfd2	#aae6e0	#afeeee
#8fbc8f	#93c39c	#98caaa	#9cd1b7	#a1d8c5	#a5dfd2	#aae6e0	#afeeee

Kombination von #8fbc8f und #afeeee
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#afeeee ist nicht als Schriftfarbe auf Hintergrund #8fbc8f geeignet, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #afeeee und #8fbc8f beträgt 92.05%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.95%.

Hintergrundfarbwert #8fbc8f				Schriftfarbwert #afeeee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#afeeee	#afeeee	#afeeee	#afeeee
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#baf0f0	#baf0f0	#96cccc	#96cccc
#afcfaf	#afcfaf	#668666	#668666	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#bfd8bf	#bfd8bf	#516b51	#516b51	#d1f5f5	#d1f5f5	#648888	#648888
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#dfebdf	#dfebdf	#283528	#283528	#e8fafa	#e8fafa	#324444	#324444
#eff5ef	#eff5ef	#141a14	#141a14	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Textfarbe bei Hover von HTML-Befehl a

Mit Befehl <a> wird ein Verweis gesetzt. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #8fbc8f auf Farbwert #afeeee ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Darstellung von <a> in Farbwert #8fbc8f vor.

In diesem Beispiel legen wir bei <a> die Textfarbe auf Farbwert #8fbc8f fest. Die Schriftgröße vergrößern wir auf 122%.

<style type="text/css"><!--
  a { 
    font-size: 122%; 
    color: #8fbc8f;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #afeeee geändert wird.

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

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Mehr zum Befehl <a>.

Text- und Unterstreichungsfarben mit HTML-Befehl var

Wir ändern für dieses Beispiel die Textfarbe von <var> auf Farbwert #afeeee. Die Schriftart ändern wir auf verdana und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <var> mit Hilfe eines gestrichelten Rahmens mit 1 Pixel Dicke in Farbwert #8fbc8f. Mit HTML ist das kaum möglich. Deshalb verwenden wir dafür CSS.

<style type="text/css"><!--
  var { 
    color: #afeeee; 
    font-size: 13px; 
    font-family: verdana; 
    border-bottom-color: #8fbc8f; 
    border-bottom-style: dashed; 
    border-bottom-width: 1px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema können Sie in Text in HTML lesen. Die Beschreibung des hier verwendeten HTML-Tag var finden Sie in der HTML Referenz unter <var>.