Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkslateblue 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 darkslateblue			Schriftfarbwert #87cefa
Detail	:	Hintergrund darkslateblue	Detail	:	Schrift #87cefa
Farbe	:	darkslateblue	Farbwert	:	#87cefa
Farbwert	:	#483d8b	Farbe	:	lightskyblue
HTML	:	darkslateblue	HTML	:	#87cefa
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#87cefa
CSS	:	darkslateblue	CSS	:	#87cefa
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbe darkslateblue nach Schriftfarbwert #87cefa
#483d8b	#51519a	#5a66aa	#637bba	#6c8fca	#75a4da	#7eb9ea	#87cefa
#483d8b	#51519a	#5a66aa	#637bba	#6c8fca	#75a4da	#7eb9ea	#87cefa

Kombination von darkslateblue und #87cefa
Cras id velit ante. 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.				Die Ähnlichkeit von #87cefa und darkslateblue ergibt sich zu 74.83%. Die Lesbarkeit dieser Farbkombination liegt damit bei 25.17%. Auf Hintergrund darkslateblue ist #87cefa ungeeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe darkslateblue				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#483d8b	#483d8b	#483d8b	#483d8b	#87cefa	#87cefa	#87cefa	#87cefa
#62589b	#62589b	#3d3477	#3d3477	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#7c74ac	#7c74ac	#332b63	#332b63	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#9690bc	#9690bc	#29224f	#29224f	#bae3fc	#bae3fc	#4d758e	#4d758e
#b0abcd	#b0abcd	#1e1a3b	#1e1a3b	#cbeafc	#cbeafc	#39586b	#39586b
#cac7dd	#cac7dd	#141127	#141127	#dcf1fd	#dcf1fd	#263a47	#263a47
#e4e3ee	#e4e3ee	#0a0813	#0a0813	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkslateblue und Farbwert #87cefa

Wechsel der Umrandung bei Hover von HTML-Befehl img

Die Rahmenfarbe soll sich von Farbe darkslateblue auf Farbwert #87cefa ändern, wenn man mit der Maus auf <img> zeigt. Wir bereiten zunächst eine Darstellung von <img> in Farbe darkslateblue vor.

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbe darkslateblue.

<style type="text/css"><!--
  img { border:3px outset darkslateblue; }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #87cefa ändert.

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

Mehr zum Thema können Sie in Grafik in HTML erfahren. Mehr zum Befehl img ist in der HTML Referenz bei <img> ausführlich zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover von Tag col

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

Z.B. legen wir die Hintergrundfarbe von <col> auf Farbe darkslateblue fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf arial. Die Größe der Schrift ändern wir auf 9px:

<style type="text/css"><!--
  col { 
    background-color: darkslateblue; 
    font-size: 9px; 
    font-family: arial;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #87cefa gesetzt wird.

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

Mehr zum Thema col lesen Sie in Tabellen in HTML. Mehr zum hier genutzten HTML-Befehl col lesen Sie in der HTML Referenz unter <col>.