Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightslategray und Farbwert #87cefa

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.

Hintergrundfarbe lightslategray			Schriftfarbwert #87cefa
Detail	:	Hintergrund lightslategray	Detail	:	Schrift #87cefa
Farbe	:	lightslategray	Farbwert	:	#87cefa
Farbwert	:	#778899	Farbe	:	lightskyblue
HTML	:	lightslategray	HTML	:	#87cefa
HTML (Wert)	:	#778899	HTML (Wert)	:	#87cefa
CSS	:	lightslategray	CSS	:	#87cefa
CSS (Wert)	:	#778899	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#789	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(119,136,153)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(46%,53%,60%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbe lightslategray nach Schriftfarbwert #87cefa
#778899	#7992a6	#7b9cb4	#7da6c2	#80b0d0	#82bade	#84c4ec	#87cefa
#778899	#7992a6	#7b9cb4	#7da6c2	#80b0d0	#82bade	#84c4ec	#87cefa

Kombination von lightslategray und #87cefa
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				#87cefa ist nicht als Schriftfarbe auf Hintergrund lightslategray geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #87cefa und lightslategray beträgt 89.89%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 10.11%.

Hintergrundfarbe lightslategray				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#778899	#778899	#778899	#778899	#87cefa	#87cefa	#87cefa	#87cefa
#8a99a7	#8a99a7	#667483	#667483	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#9daab6	#9daab6	#55616d	#55616d	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#b1bbc4	#b1bbc4	#444d57	#444d57	#bae3fc	#bae3fc	#4d758e	#4d758e
#c4ccd3	#c4ccd3	#333a41	#333a41	#cbeafc	#cbeafc	#39586b	#39586b
#d8dde1	#d8dde1	#22262b	#22262b	#dcf1fd	#dcf1fd	#263a47	#263a47
#ebeef0	#ebeef0	#111315	#111315	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lightslategray und Farbwert #87cefa

Wechsel der Hintergrundfarbe bei Hover mit Tag div

Einen Universalkontainer erzeugt man mit HTML-Tag <div>. Diesen kann man farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbe lightslategray auf Farbwert #87cefa ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <div> in Farbe lightslategray vor.

In diesem Beispiel setzen wir die Hintergrundfarbe von <div> auf Farbe lightslategray.

<style type="text/css"><!--
  div { 
    background-color: lightslategray;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #87cefa geändert wird.

<style type="text/css"><!--
  div: hover { 
    background-color: #87cefa;
  }
//-->
</style>

Weiteres zum Tag div lesen Sie in der HTML Referenz unter <div>.