Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightslategray und Farbwert #f5fffa

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.

Hintergrundfarbe lightslategray			Schriftfarbwert #f5fffa
Detail	:	Hintergrund lightslategray	Detail	:	Schrift #f5fffa
Farbe	:	lightslategray	Farbwert	:	#f5fffa
Farbwert	:	#778899	Farbe	:	mintcream
HTML	:	lightslategray	HTML	:	#f5fffa
HTML (Wert)	:	#778899	HTML (Wert)	:	#f5fffa
CSS	:	lightslategray	CSS	:	#f5fffa
CSS (Wert)	:	#778899	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#789	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(119,136,153)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(46%,53%,60%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbe lightslategray nach Schriftfarbwert #f5fffa
#778899	#8999a6	#9baab4	#adbbc2	#bfccd0	#d1ddde	#e3eeec	#f5fffa
#778899	#8999a6	#9baab4	#adbbc2	#bfccd0	#d1ddde	#e3eeec	#f5fffa

Kombination von lightslategray und #f5fffa
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #f5fffa und lightslategray beträgt 83.01%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 16.99%. #f5fffa ist nicht als Schriftfarbe auf Hintergrund lightslategray geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbe lightslategray				Schriftfarbwert #f5fffa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#778899	#778899	#778899	#778899	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#8a99a7	#8a99a7	#667483	#667483	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#9daab6	#9daab6	#55616d	#55616d	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#b1bbc4	#b1bbc4	#444d57	#444d57	#f9fffc	#f9fffc	#8c918e	#8c918e
#c4ccd3	#c4ccd3	#333a41	#333a41	#fafffc	#fafffc	#696d6b	#696d6b
#d8dde1	#d8dde1	#22262b	#22262b	#fcfffd	#fcfffd	#464847	#464847
#ebeef0	#ebeef0	#111315	#111315	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightslategray und Farbwert #f5fffa

Hintergrund/Text-Kombination von Befehl p

Wir ändern bei diesem Beispiel die Textfarbe von <p> auf Farbwert #f5fffa und die Hintergrundfarbe von <p> auf Farbe lightslategray. Als Schriftart wählen wir monospace. Als Schriftgröße setzen wir 10pt.

<style type="text/css"><!--
  p { 
    color:#f5fffa; 
    font-family:monospace; 
    background-color:lightslategray; 
    font-size:10pt;
  }
//-->
</style>

Weiteres zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Befehl p lesen Sie in der HTML Referenz unter <p>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl tbody

Die Textfarbe soll sich von Farbe lightslategray auf Farbwert #f5fffa ändern, wenn man mit der Maus auf <tbody> zeigt. Wir bereiten zunächst eine Formatierung von <tbody> in Farbe lightslategray vor.

Wir legen zum Beispiel Farbe lightslategray als Textfarbe von <tbody> fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf arial:

<style type="text/css"><!--
  tbody { 
    font-family:arial; 
    color:lightslategray;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #f5fffa ändert.

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

Weiteres zum Thema tbody können Sie in Tabellen in HTML nachlesen. Einzelheiten des Befehl <tbody>.