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

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 #008b8b
Detail	:	Hintergrund skyblue	Detail	:	Schrift #008b8b
Farbe	:	skyblue	Farbwert	:	#008b8b
Farbwert	:	#87ceeb	Farbe	:	darkcyan
HTML	:	skyblue	HTML	:	#008b8b
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#008b8b
CSS	:	skyblue	CSS	:	#008b8b
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#008b8b
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#008b8b
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(0,139,139)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(0%,54%,54%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbwert #008b8b
#87ceeb	#73c4dd	#60bacf	#4db1c1	#39a7b4	#269ea6	#139498	#008b8b
#87ceeb	#73c4dd	#60bacf	#4db1c1	#39a7b4	#269ea6	#139498	#008b8b

Kombination von skyblue und #008b8b
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #008b8b und skyblue beträgt 88.67%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 11.33%. Auf Hintergrund skyblue ist #008b8b ungeeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbe skyblue				Schriftfarbwert #008b8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#008b8b	#008b8b	#008b8b	#008b8b
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#249b9b	#249b9b	#007777	#007777
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#48acac	#48acac	#006363	#006363
#bae3f3	#bae3f3	#4d7586	#4d7586	#6dbcbc	#6dbcbc	#004f4f	#004f4f
#cbeaf6	#cbeaf6	#395864	#395864	#91cdcd	#91cdcd	#003b3b	#003b3b
#dcf1f9	#dcf1f9	#263a43	#263a43	#b6dddd	#b6dddd	#002727	#002727
#edf8fc	#edf8fc	#131d21	#131d21	#daeeee	#daeeee	#001313	#001313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe skyblue und Farbwert #008b8b

Wechsel der Hintergrundfarbe bei Hover mit Tag acronym

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

Wir ändern in diesem Beispiel bei <acronym> die Hintergrundfarbe auf Farbe skyblue:

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

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #008b8b ändert.

<style type="text/css"><!--
  acronym: hover { 
    background-color: #008b8b;
  }
//-->
</style>

Möglichkeiten des Tag acronym sind in der HTML Referenz unter <acronym> gezeigt.

Wechsel der Umrandung bei Hover bei HTML-Befehl em

Die Rahmenfarbe soll sich von Farbe skyblue auf Farbwert #008b8b ändern, wenn man mit der Maus auf <em> zeigt. Bereiten wir zunächst eine Darstellung von <em> in Farbe skyblue vor.

In diesem Beispiel umranden wir <em> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe skyblue.

<style type="text/css"><!--
  em { 
    border-style:dotted; 
    border-color:skyblue; 
    border-width:4px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #008b8b ändert.

<style type="text/css"><!--
  em:hover { 
    border-color:#008b8b;
  }
//-->
</style>

Mehr zum Thema em können Sie in Text in HTML lesen. Einzelheiten vom hier genutzten HTML-Befehl em sind in der HTML Referenz bei <em> genau beschrieben.