Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightslategray und Farbe gainsboro

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			Schriftfarbe gainsboro
Detail	:	Hintergrund lightslategray	Detail	:	Schrift gainsboro
Farbe	:	lightslategray	Farbe	:	gainsboro
Farbwert	:	#778899	Farbwert	:	#dcdcdc
HTML	:	lightslategray	HTML	:	gainsboro
HTML (Wert)	:	#778899	HTML (Wert)	:	#dcdcdc
CSS	:	lightslategray	CSS	:	gainsboro
CSS (Wert)	:	#778899	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#789	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(119,136,153)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(46%,53%,60%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbe lightslategray nach Schriftfarbe gainsboro
#778899	#8594a2	#93a0ac	#a2acb5	#b0b8bf	#bfc4c8	#cdd0d2	#dcdcdc
#778899	#8594a2	#93a0ac	#a2acb5	#b0b8bf	#bfc4c8	#cdd0d2	#dcdcdc

Kombination von lightslategray und gainsboro
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				gainsboro eignet sich nicht als Schriftfarbe auf Hintergrund lightslategray. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von gainsboro und lightslategray beträgt 87.35%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.65%.

Hintergrundfarbe lightslategray				Schriftfarbe gainsboro
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#778899	#778899	#778899	#778899	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#8a99a7	#8a99a7	#667483	#667483	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#9daab6	#9daab6	#55616d	#55616d	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#b1bbc4	#b1bbc4	#444d57	#444d57	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#c4ccd3	#c4ccd3	#333a41	#333a41	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#d8dde1	#d8dde1	#22262b	#22262b	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#ebeef0	#ebeef0	#111315	#111315	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightslategray und Farbe gainsboro

Wechsel der Hintergrundfarbe bei Hover von Tag acronym

Die Hintergrundfarbe soll sich von Farbe lightslategray auf Farbe gainsboro ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <acronym> in Farbe lightslategray vor.

Wir ändern für dieses Beispiel bei <acronym> die Hintergrundfarbe auf Farbe lightslategray. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  acronym { 
    font-size:13px; 
    background-color:lightslategray;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf gainsboro gesetzt wird.

<style type="text/css"><!--
  acronym:hover { 
    background-color:gainsboro;
  }
//-->
</style>

Möglichkeiten des hier verwendeten HTML-Befehl acronym sind in der HTML Referenz bei <acronym> genau zusammengestellt.

Hintergrund/Text-Kombination bei Tag code

Hier ändern wir die Textfarbe von <code> auf Farbe gainsboro und die Hintergrundfarbe von <code> auf Farbe lightslategray. Als Schriftart wählen wir verdana. Als Schriftgröße setzen wir 10px.

<style type="text/css"><!--
  code { 
    color:gainsboro; 
    background-color:lightslategray; 
    font-size:10px; 
    font-family:verdana;
  }
//-->
</style>

Weiteres zu code können Sie in Text in HTML lesen. Beschreibung vom hier gezeigten HTML-Befehl <code>.