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

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.

Hintergrundfarbwert #afeeee			Schriftfarbe lightskyblue
Detail	:	Hintergrund #afeeee	Detail	:	Schrift lightskyblue
Farbwert	:	#afeeee	Farbe	:	lightskyblue
Farbe	:	paleturquoise	Farbwert	:	#87cefa
HTML	:	#afeeee	HTML	:	lightskyblue
HTML (Wert)	:	#afeeee	HTML (Wert)	:	#87cefa
CSS	:	#afeeee	CSS	:	lightskyblue
CSS (Wert)	:	#afeeee	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#afeeee	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(175,238,238)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(68%,93%,93%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbwert #afeeee nach Schriftfarbe lightskyblue
#afeeee	#a9e9ef	#a3e4f1	#9de0f3	#98dbf4	#92d7f6	#8cd2f8	#87cefa
#afeeee	#a9e9ef	#a3e4f1	#9de0f3	#98dbf4	#92d7f6	#8cd2f8	#87cefa

Kombination von #afeeee und lightskyblue
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit der Farben lightskyblue und #afeeee beträgt 93.66%. Die Lesbarkeit dieser Kombination liegt damit bei 6.34%. Auf Hintergrund #afeeee ist lightskyblue ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #afeeee				Schriftfarbe lightskyblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#afeeee	#afeeee	#afeeee	#afeeee	#87cefa	#87cefa	#87cefa	#87cefa
#baf0f0	#baf0f0	#96cccc	#96cccc	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#c5f2f2	#c5f2f2	#7daaaa	#7daaaa	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#d1f5f5	#d1f5f5	#648888	#648888	#bae3fc	#bae3fc	#4d758e	#4d758e
#dcf7f7	#dcf7f7	#4b6666	#4b6666	#cbeafc	#cbeafc	#39586b	#39586b
#e8fafa	#e8fafa	#324444	#324444	#dcf1fd	#dcf1fd	#263a47	#263a47
#f3fcfc	#f3fcfc	#192222	#192222	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #afeeee und Farbe lightskyblue

Wechsel der Hintergrundfarbe bei Hover von Befehl a

Einen Verweis erzeugt man mit HTML-Tag <a>. Diesen können Sie hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #afeeee auf Farbe lightskyblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #afeeee vor.

Wir legen zum Beispiel Farbwert #afeeee als Hintergrundfarbe von <a> fest. Die Größe der Schrift verkleinern wir auf 94%.

<style type="text/css"><!--
  a { 
    font-size:94%; 
    background-color:#afeeee;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe auf lightskyblue ändert.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachlesen. Die Beschreibung des HTML-Befehl a finden Sie in der HTML Referenz unter <a>.