Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightskyblue und Farbwert #f0ffff

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 lightskyblue			Schriftfarbwert #f0ffff
Detail	:	Hintergrund lightskyblue	Detail	:	Schrift #f0ffff
Farbe	:	lightskyblue	Farbwert	:	#f0ffff
Farbwert	:	#87cefa	Farbe	:	azure
HTML	:	lightskyblue	HTML	:	#f0ffff
HTML (Wert)	:	#87cefa	HTML (Wert)	:	#f0ffff
CSS	:	lightskyblue	CSS	:	#f0ffff
CSS (Wert)	:	#87cefa	CSS (Wert)	:	#f0ffff
CSS (kürzest)	:	#87cefa	CSS (kürzest)	:	#f0ffff
CSS (RGB)	:	rgb(135,206,250)	CSS (RGB)	:	rgb(240,255,255)
CSS (%RGB)	:	rgb(52%,80%,98%)	CSS (%RGB)	:	rgb(94%,100%,100%)

Verlauf Hintergrundfarbe lightskyblue nach Schriftfarbwert #f0ffff
#87cefa	#96d5fa	#a5dcfb	#b4e3fc	#c3eafc	#d2f1fd	#e1f8fe	#f0ffff
#87cefa	#96d5fa	#a5dcfb	#b4e3fc	#c3eafc	#d2f1fd	#e1f8fe	#f0ffff

Kombination von lightskyblue und #f0ffff
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.				Auf Hintergrund lightskyblue ist #f0ffff ungeeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von #f0ffff und lightskyblue beträgt 92.04%. Die Lesbarkeit dieser Kombination liegt damit bei 7.96%.

Hintergrundfarbe lightskyblue				Schriftfarbwert #f0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87cefa	#87cefa	#87cefa	#87cefa	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#98d5fa	#98d5fa	#73b0d6	#73b0d6	#f2ffff	#f2ffff	#cddada	#cddada
#a9dcfb	#a9dcfb	#6093b2	#6093b2	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#bae3fc	#bae3fc	#4d758e	#4d758e	#f6ffff	#f6ffff	#899191	#899191
#cbeafc	#cbeafc	#39586b	#39586b	#f8ffff	#f8ffff	#666d6d	#666d6d
#dcf1fd	#dcf1fd	#263a47	#263a47	#faffff	#faffff	#444848	#444848
#edf8fe	#edf8fe	#131d23	#131d23	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightskyblue und Farbwert #f0ffff

Hintergrund/Text-Kombination von HTML-Befehl ins

Wir ändern in diesem Beispiel die Textfarbe von <ins> auf Farbwert #f0ffff und die Hintergrundfarbe von <ins> auf Farbe lightskyblue. Als Schriftart setzen wir sans-serif und als Schriftgröße wählen wir 116%.

<style type="text/css"><!--
  ins { 
    color: #f0ffff; 
    font-family: sans-serif; 
    background-color: lightskyblue; 
    font-size: 116%;
  }
//-->
</style>

Weiteres zum hier verwendeten Tag ins finden Sie in der HTML Referenz unter <ins>.

Wechsel der Textfarbe bei Hover mit Tag del

Die Textfarbe soll sich von Farbe lightskyblue auf Farbwert #f0ffff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <del> in Farbe lightskyblue vor.

Hier legen wir die Textfarbe von <del> auf Farbe lightskyblue fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  del { 
    font-family: sans-serif; 
    color: lightskyblue;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe zu #f0ffff ändert.

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

Die Beschreibung vom Befehl del lesen Sie in der HTML Referenz unter <del>.