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

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 #ffd700
Detail	:	Hintergrund skyblue	Detail	:	Schrift #ffd700
Farbe	:	skyblue	Farbwert	:	#ffd700
Farbwert	:	#87ceeb	Farbe	:	gold
HTML	:	skyblue	HTML	:	#ffd700
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#ffd700
CSS	:	skyblue	CSS	:	#ffd700
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbwert #ffd700
#87ceeb	#98cfc9	#a9d0a7	#bad186	#cbd364	#dcd443	#edd521	#ffd700
#87ceeb	#98cfc9	#a9d0a7	#bad186	#cbd364	#dcd443	#edd521	#ffd700

Kombination von skyblue und #ffd700
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffd700 ist nicht als Schriftfarbe auf Hintergrund skyblue geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit von #ffd700 und skyblue ergibt sich zu 94.09%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.91%.

Hintergrundfarbe skyblue				Schriftfarbwert #ffd700
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#ffd700	#ffd700	#ffd700	#ffd700
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#ffdc24	#ffdc24	#dab800	#dab800
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#ffe248	#ffe248	#b69900	#b69900
#bae3f3	#bae3f3	#4d7586	#4d7586	#ffe86d	#ffe86d	#917a00	#917a00
#cbeaf6	#cbeaf6	#395864	#395864	#ffed91	#ffed91	#6d5c00	#6d5c00
#dcf1f9	#dcf1f9	#263a43	#263a43	#fff3b6	#fff3b6	#483d00	#483d00
#edf8fc	#edf8fc	#131d21	#131d21	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe skyblue und Farbwert #ffd700

Wechsel der Textfarbe bei Hover bei Tag a

Einen Verweis erzeugt man mit Tag <a>. Dieser kann farblich gestaltet werden.

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

Z.B. setzen wir die Textfarbe von <a> auf Farbe skyblue.

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

Nun fordern wir, dass sich bei Mausberührung die Textfarbe zu #ffd700 ändert.

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

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Einzelheiten vom hier gezeigten Befehl <a>.

Wechsel der Hintergrundfarbe bei Hover von Tag s

Die Hintergrundfarbe soll sich von Farbe skyblue auf Farbwert #ffd700 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <s> in Farbe skyblue vor.

Hier legen wir Farbe skyblue als Hintergrundfarbe von <s> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 89%:

<style type="text/css"><!--
  s { 
    font-size:89%; 
    background-color:skyblue; 
    font-family:courier new;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #ffd700 ändert.

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

Mehr zum Thema s erfahren Sie in Text in HTML. Weiteres zum Befehl s ist in der HTML Referenz bei <s> ausführlich zusammengestellt.