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

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 #9acd32
Detail	:	Hintergrund lightskyblue	Detail	:	Schrift #9acd32
Farbe	:	lightskyblue	Farbwert	:	#9acd32
Farbwert	:	#87cefa	Farbe	:	yellowgreen
HTML	:	lightskyblue	HTML	:	#9acd32
HTML (Wert)	:	#87cefa	HTML (Wert)	:	#9acd32
CSS	:	lightskyblue	CSS	:	#9acd32
CSS (Wert)	:	#87cefa	CSS (Wert)	:	#9acd32
CSS (kürzest)	:	#87cefa	CSS (kürzest)	:	#9acd32
CSS (RGB)	:	rgb(135,206,250)	CSS (RGB)	:	rgb(154,205,50)
CSS (%RGB)	:	rgb(52%,80%,98%)	CSS (%RGB)	:	rgb(60%,80%,19%)

Verlauf Hintergrundfarbe lightskyblue nach Schriftfarbwert #9acd32
#87cefa	#89cddd	#8ccdc0	#8fcda4	#91cd87	#94cd6b	#97cd4e	#9acd32
#87cefa	#89cddd	#8ccdc0	#8fcda4	#91cd87	#94cd6b	#97cd4e	#9acd32

Kombination von lightskyblue und #9acd32
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#9acd32 eignet sich nicht als Schriftfarbe auf Hintergrund lightskyblue. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #9acd32 und lightskyblue ergibt sich zu 94.77%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.23%.

Hintergrundfarbe lightskyblue				Schriftfarbwert #9acd32
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87cefa	#87cefa	#87cefa	#87cefa	#9acd32	#9acd32	#9acd32	#9acd32
#98d5fa	#98d5fa	#73b0d6	#73b0d6	#a8d44f	#a8d44f	#84af2a	#84af2a
#a9dcfb	#a9dcfb	#6093b2	#6093b2	#b6db6c	#b6db6c	#6e9223	#6e9223
#bae3fc	#bae3fc	#4d758e	#4d758e	#c5e289	#c5e289	#58751c	#58751c
#cbeafc	#cbeafc	#39586b	#39586b	#d3e9a7	#d3e9a7	#425715	#425715
#dcf1fd	#dcf1fd	#263a47	#263a47	#e2f0c4	#e2f0c4	#2c3a0e	#2c3a0e
#edf8fe	#edf8fe	#131d23	#131d23	#f0f7e1	#f0f7e1	#161d07	#161d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lightskyblue und Farbwert #9acd32

Wechsel der Textfarbe bei Hover von HTML-Tag a

Einen Link setzt man mit Befehl <a>. Diesen kann man farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbe lightskyblue auf Farbwert #9acd32 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <a> in Farbe lightskyblue vor.

Wir legen zum Beispiel Farbe lightskyblue als Textfarbe von <a> fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf verdana und setzen die Größe der Schrift auf 94%.

<style type="text/css"><!--
  a { 
    color:lightskyblue; 
    font-size:94%; 
    font-family:verdana;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #9acd32 ändert.

<style type="text/css"><!--
  a: hover { 
    color: #9acd32;
  }
//-->
</style>

Mehr zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Möglichkeiten vom HTML-Befehl <a>.