Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b22222 und Farbwert #8fbc8f

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 #b22222			Schriftfarbwert #8fbc8f
Detail	:	Hintergrund #b22222	Detail	:	Schrift #8fbc8f
Farbwert	:	#b22222	Farbwert	:	#8fbc8f
Farbe	:	firebrick	Farbe	:	darkseagreen
HTML	:	#b22222	HTML	:	#8fbc8f
HTML (Wert)	:	#b22222	HTML (Wert)	:	#8fbc8f
CSS	:	#b22222	CSS	:	#8fbc8f
CSS (Wert)	:	#b22222	CSS (Wert)	:	#8fbc8f
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#8fbc8f
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(143,188,143)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(56%,73%,56%)

Verlauf Hintergrundfarbwert #b22222 nach Schriftfarbwert #8fbc8f
#b22222	#ad3831	#a84e41	#a36450	#9e7a60	#99906f	#94a67f	#8fbc8f
#b22222	#ad3831	#a84e41	#a36450	#9e7a60	#99906f	#94a67f	#8fbc8f

Kombination von #b22222 und #8fbc8f
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#8fbc8f ist nicht als Schriftfarbe auf Hintergrund #b22222 geeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben #8fbc8f und #b22222 beträgt 85.23%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 14.77%.

Hintergrundfarbwert #b22222				Schriftfarbwert #8fbc8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
#bd4141	#bd4141	#981d1d	#981d1d	#9fc59f	#9fc59f	#7aa17a	#7aa17a
#c86161	#c86161	#7f1818	#7f1818	#afcfaf	#afcfaf	#668666	#668666
#d38080	#d38080	#651313	#651313	#bfd8bf	#bfd8bf	#516b51	#516b51
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#cfe2cf	#cfe2cf	#3d503d	#3d503d
#e9bfbf	#e9bfbf	#320909	#320909	#dfebdf	#dfebdf	#283528	#283528
#f4dfdf	#f4dfdf	#190404	#190404	#eff5ef	#eff5ef	#141a14	#141a14
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Text- und Unterstreichungsfarben von Tag a

Einen Verweis setzt man mit HTML-Befehl <a>. Diesen können Sie farblich gestalten.

Wir ändern Hher die Textfarbe von <a> auf Farbwert #8fbc8f. Die Schriftart setzen wir auf arial und verringern die Schriftgröße auf 99%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines doppelten Rahmens mit 5 Punkte Dicke in Farbwert #b22222. In HTML geht das nicht. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  a { 
    color: #8fbc8f; 
    border-bottom-color: #b22222; 
    font-family: arial; 
    border-bottom-width: 5pt; 
    font-size: 99%; 
    border-bottom-style: double;
  }
//-->
</style>

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

Mehr zu a können Sie in Verweise und Protokolle in HTML lesen. Der hier gezeigte Tag a ist in der HTML Referenz bei <a> gezeigt.

Wechsel der Textfarbe bei Hover mit HTML-Tag del

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

Wir legen in diesem Beispiel Farbwert #b22222 als Textfarbe von <del> fest:

<style type="text/css"><!--
  del { 
    color:#b22222;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #8fbc8f gesetzt wird.

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

Mehr zum hier genutzten HTML-Tag <del>.