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

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 #f8f8ff			Schriftfarbwert #8fbc8f
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift #8fbc8f
Farbwert	:	#f8f8ff	Farbwert	:	#8fbc8f
Farbe	:	ghostwhite	Farbe	:	darkseagreen
HTML	:	#f8f8ff	HTML	:	#8fbc8f
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#8fbc8f
CSS	:	#f8f8ff	CSS	:	#8fbc8f
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#8fbc8f
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#8fbc8f
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(143,188,143)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(56%,73%,56%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbwert #8fbc8f
#f8f8ff	#e9efef	#dae6df	#cbdecf	#bcd5bf	#adcdaf	#9ec49f	#8fbc8f
#f8f8ff	#e9efef	#dae6df	#cbdecf	#bcd5bf	#adcdaf	#9ec49f	#8fbc8f

Kombination von #f8f8ff 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#8fbc8f eignet sich nicht als Schriftfarbe auf Hintergrund #f8f8ff, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit von #8fbc8f und #f8f8ff ergibt sich zu 90.31%. Die Lesbarkeit dieser Kombination ergibt sich zu 9.69%.

Hintergrundfarbwert #f8f8ff				Schriftfarbwert #8fbc8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#9fc59f	#9fc59f	#7aa17a	#7aa17a
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#afcfaf	#afcfaf	#668666	#668666
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#bfd8bf	#bfd8bf	#516b51	#516b51
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#cfe2cf	#cfe2cf	#3d503d	#3d503d
#fdfdff	#fdfdff	#464648	#464648	#dfebdf	#dfebdf	#283528	#283528
#fefeff	#fefeff	#232324	#232324	#eff5ef	#eff5ef	#141a14	#141a14
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl tbody

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

Für dieses Beispiel ändern wir bei <tbody> die Hintergrundfarbe auf Farbwert #f8f8ff.

<style type="text/css"><!--
  tbody { 
    background-color:#f8f8ff;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #8fbc8f ändert.

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

Mehr zum Thema tbody lesen Sie in Tabellen in HTML. Möglichkeiten vom hier gezeigten Tag tbody sind in der HTML Referenz unter <tbody> ausführlich beschrieben.

Wechsel der Umrandung bei Hover von Befehl hr

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

In diesem Beispiel umranden wir <hr> mit einem 5 Pixel dicken, doppelten Rahmen in Farbwert #f8f8ff.

<style type="text/css"><!--
  hr { border:5px double #f8f8ff; }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe zu #8fbc8f ändert.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Die Beschreibung des HTML-Befehl hr finden Sie in der HTML Referenz unter <hr>.