Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #87ceeb und Farbwert #c0c0c0

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #87ceeb			Schriftfarbwert #c0c0c0
Detail	:	Hintergrund #87ceeb	Detail	:	Schrift #c0c0c0
Farbwert	:	#87ceeb	Farbwert	:	#c0c0c0
Farbe	:	skyblue	Farbe	:	silver
HTML	:	#87ceeb	HTML	:	#c0c0c0
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#c0c0c0
CSS	:	#87ceeb	CSS	:	#c0c0c0
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#c0c0c0
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#c0c0c0
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(192,192,192)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(75%,75%,75%)

Verlauf Hintergrundfarbwert #87ceeb nach Schriftfarbwert #c0c0c0
#87ceeb	#8fcce4	#97cade	#9fc8d8	#a7c6d2	#afc4cc	#b7c2c6	#c0c0c0
#87ceeb	#8fcce4	#97cade	#9fc8d8	#a7c6d2	#afc4cc	#b7c2c6	#c0c0c0

Kombination von #87ceeb und #c0c0c0
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				#c0c0c0 eignet sich nicht als Schriftfarbe auf Hintergrund #87ceeb. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit der Farben #c0c0c0 und #87ceeb ergibt sich zu 95.03%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 4.97%.

Hintergrundfarbwert #87ceeb				Schriftfarbwert #c0c0c0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#d2d2d2	#d2d2d2	#898989	#898989
#bae3f3	#bae3f3	#4d7586	#4d7586	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#cbeaf6	#cbeaf6	#395864	#395864	#e4e4e4	#e4e4e4	#525252	#525252
#dcf1f9	#dcf1f9	#263a43	#263a43	#ededed	#ededed	#363636	#363636
#edf8fc	#edf8fc	#131d21	#131d21	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #87ceeb und Farbwert #c0c0c0

Wechsel der Umrandung bei Hover bei Befehl tfoot

Die Rahmenfarbe soll sich von Farbwert #87ceeb auf Farbwert #c0c0c0 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <tfoot> in Farbwert #87ceeb vor.

In diesem Beispiel umranden wir <tfoot> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbwert #87ceeb.

<style type="text/css"><!--
  tfoot { border:4px ridge #87ceeb; }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #c0c0c0 ändert.

<style type="text/css"><!--
  tfoot: hover { 
    border-color: #c0c0c0;
  }
//-->
</style>

Mehr zum Thema finden Sie in Tabellen in HTML. Die Beschreibung des hier genutzten Tag tfoot erfahren Sie in der HTML Referenz unter <tfoot>.

Wechsel der Hintergrundfarbe bei Hover mit Befehl abbr

Die Hintergrundfarbe soll sich von Farbwert #87ceeb auf Farbwert #c0c0c0 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <abbr> in Farbwert #87ceeb vor.

Zum Beispiel legen wir Farbwert #87ceeb als Hintergrundfarbe von <abbr> fest. Die Textfarbe lassen wir unverändert. Die Schriftart setzen wir auf monospace. Die Schriftgröße vergrößern wir auf 112%:

<style type="text/css"><!--
  abbr { 
    font-size:112%; 
    background-color:#87ceeb; 
    font-family:monospace;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #c0c0c0 ändert.

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

Beschreibung des hier verwendeten Tag <abbr>.