Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #87ceeb und Farbwert #daa520

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 #87ceeb			Schriftfarbwert #daa520
Detail	:	Hintergrund #87ceeb	Detail	:	Schrift #daa520
Farbwert	:	#87ceeb	Farbwert	:	#daa520
Farbe	:	skyblue	Farbe	:	goldenrod
HTML	:	#87ceeb	HTML	:	#daa520
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#daa520
CSS	:	#87ceeb	CSS	:	#daa520
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbwert #87ceeb nach Schriftfarbwert #daa520
#87ceeb	#92c8ce	#9ec2b1	#aabc94	#b6b677	#c2b05a	#ceaa3d	#daa520
#87ceeb	#92c8ce	#9ec2b1	#aabc94	#b6b677	#c2b05a	#ceaa3d	#daa520

Kombination von #87ceeb und #daa520
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #daa520 und #87ceeb beträgt 93.88%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.12%. #daa520 eignet sich nicht als Schriftfarbe auf Hintergrund #87ceeb, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #87ceeb				Schriftfarbwert #daa520
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#daa520	#daa520	#daa520	#daa520
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#e4be5f	#e4be5f	#9b7516	#9b7516
#bae3f3	#bae3f3	#4d7586	#4d7586	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#cbeaf6	#cbeaf6	#395864	#395864	#efd89f	#efd89f	#5d460d	#5d460d
#dcf1f9	#dcf1f9	#263a43	#263a43	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#edf8fc	#edf8fc	#131d21	#131d21	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Textfarbe bei Hover von HTML-Befehl q

Die Textfarbe soll sich von Farbwert #87ceeb auf Farbwert #daa520 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <q> in Farbwert #87ceeb vor.

Als Beispiel legen wir bei <q> die Textfarbe auf Farbwert #87ceeb fest:

<style type="text/css"><!--
  q { 
    color:#87ceeb;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #daa520 geändert wird.

<style type="text/css"><!--
  q:hover { 
    color:#daa520;
  }
//-->
</style>

Einzelheiten des HTML-Tag <q>.

Wechsel der Umrandung bei Hover bei HTML-Tag img

Die Rahmenfarbe soll sich von Farbwert #87ceeb auf Farbwert #daa520 ändern, wenn man mit der Maus auf <img> zeigt. Bereiten wir zunächst die Darstellung von <img> in Farbwert #87ceeb vor.

In diesem Beispiel umranden wir <img> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbwert #87ceeb.

<style type="text/css"><!--
  img { 
    border-width:1px; 
    border-style:groove; 
    border-color:#87ceeb;
  }
//-->
</style>

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

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

Mehr zu img können Sie in Grafik in HTML nachsehen. Weiteres zum hier gezeigten HTML-Tag img finden Sie in der HTML Referenz unter <img>.