Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightslategray und Farbe lightpink

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			Schriftfarbe lightpink
Detail	:	Hintergrund lightslategray	Detail	:	Schrift lightpink
Farbe	:	lightslategray	Farbe	:	lightpink
Farbwert	:	#778899	Farbwert	:	#ffb6c1
HTML	:	lightslategray	HTML	:	lightpink
HTML (Wert)	:	#778899	HTML (Wert)	:	#ffb6c1
CSS	:	lightslategray	CSS	:	lightpink
CSS (Wert)	:	#778899	CSS (Wert)	:	#ffb6c1
CSS (kürzest)	:	#789	CSS (kürzest)	:	#ffb6c1
CSS (RGB)	:	rgb(119,136,153)	CSS (RGB)	:	rgb(255,182,193)
CSS (%RGB)	:	rgb(46%,53%,60%)	CSS (%RGB)	:	rgb(100%,71%,75%)

Verlauf Hintergrundfarbe lightslategray nach Schriftfarbe lightpink
#778899	#8a8e9e	#9d95a4	#b19baa	#c4a2af	#d8a8b5	#ebafbb	#ffb6c1
#778899	#8a8e9e	#9d95a4	#b19baa	#c4a2af	#d8a8b5	#ebafbb	#ffb6c1

Kombination von lightslategray und lightpink
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				lightpink ist nicht als Schriftfarbe auf Hintergrund lightslategray geeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben lightpink und lightslategray beträgt 89.50%. Die Lesbarkeit dieser Kombination liegt damit bei 10.50%.

Hintergrundfarbe lightslategray				Schriftfarbe lightpink
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#778899	#778899	#778899	#778899	#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1
#8a99a7	#8a99a7	#667483	#667483	#ffc0c9	#ffc0c9	#da9ca5	#da9ca5
#9daab6	#9daab6	#55616d	#55616d	#ffcad2	#ffcad2	#b68289	#b68289
#b1bbc4	#b1bbc4	#444d57	#444d57	#ffd5db	#ffd5db	#91686e	#91686e
#c4ccd3	#c4ccd3	#333a41	#333a41	#ffdfe4	#ffdfe4	#6d4e52	#6d4e52
#d8dde1	#d8dde1	#22262b	#22262b	#ffeaed	#ffeaed	#483437	#483437
#ebeef0	#ebeef0	#111315	#111315	#fff4f6	#fff4f6	#241a1b	#241a1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lightslategray und Farbe lightpink

Wechsel der Hintergrundfarbe bei Hover bei Tag input

Die Hintergrundfarbe soll sich von Farbe lightslategray auf Farbe lightpink ändern, wenn man mit der Maus auf <input> zeigt. Bereiten wir zunächst die Darstellung von <input> in Farbe lightslategray vor.

Z.B. legen wir Farbe lightslategray als Hintergrundfarbe von <input> fest. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf verdana und ändern die Schriftgröße auf 11px.

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf lightpink geändert wird.

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

Mehr zum Thema input finden Sie in Formulare in HTML. Die Beschreibung des hier genutzten HTML-Tag input lesen Sie in der HTML Referenz unter <input>.