Ressourcen: 120 HTML Farbnamen - Kombination von Farbe skyblue und Farbwert #f08080

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 skyblue			Schriftfarbwert #f08080
Detail	:	Hintergrund skyblue	Detail	:	Schrift #f08080
Farbe	:	skyblue	Farbwert	:	#f08080
Farbwert	:	#87ceeb	Farbe	:	lightcoral
HTML	:	skyblue	HTML	:	#f08080
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#f08080
CSS	:	skyblue	CSS	:	#f08080
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#f08080
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#f08080
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(240,128,128)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(94%,50%,50%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbwert #f08080
#87ceeb	#96c2db	#a5b7cc	#b4acbd	#c3a1ad	#d2969e	#e18b8f	#f08080
#87ceeb	#96c2db	#a5b7cc	#b4acbd	#c3a1ad	#d2969e	#e18b8f	#f08080

Kombination von skyblue und #f08080
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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.				#f08080 eignet sich nicht als Schriftfarbe auf Hintergrund skyblue, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit der Farben #f08080 und skyblue beträgt 92.91%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.09%.

Hintergrundfarbe skyblue				Schriftfarbwert #f08080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#f08080	#f08080	#f08080	#f08080
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#f29292	#f29292	#cd6d6d	#cd6d6d
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b
#bae3f3	#bae3f3	#4d7586	#4d7586	#f6b6b6	#f6b6b6	#894949	#894949
#cbeaf6	#cbeaf6	#395864	#395864	#f8c8c8	#f8c8c8	#663636	#663636
#dcf1f9	#dcf1f9	#263a43	#263a43	#fadada	#fadada	#442424	#442424
#edf8fc	#edf8fc	#131d21	#131d21	#fcecec	#fcecec	#221212	#221212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe skyblue und Farbwert #f08080

Wechsel der Hintergrundfarbe bei Hover von Tag a

Mit Tag <a> wird ein Link gesetzt. Diesen kann man farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe skyblue auf Farbwert #f08080 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbe skyblue vor.

Als Beispiel legen wir bei <a> die Hintergrundfarbe auf Farbe skyblue fest:

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

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #f08080 geändert wird.

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

Weiteres zum Thema a finden Sie in Verweise und Protokolle in HTML. Die Beschreibung vom HTML-Befehl a erfahren Sie in der HTML Referenz unter <a>.