Ressourcen: 120 HTML Farbnamen - Kombination von Farbe skyblue und Farbe palegoldenrod

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			Schriftfarbe palegoldenrod
Detail	:	Hintergrund skyblue	Detail	:	Schrift palegoldenrod
Farbe	:	skyblue	Farbe	:	palegoldenrod
Farbwert	:	#87ceeb	Farbwert	:	#eee8aa
HTML	:	skyblue	HTML	:	palegoldenrod
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#eee8aa
CSS	:	skyblue	CSS	:	palegoldenrod
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbe palegoldenrod
#87ceeb	#95d1e1	#a4d5d8	#b3d9cf	#c1dcc5	#d0e0bc	#dfe4b3	#eee8aa
#87ceeb	#95d1e1	#a4d5d8	#b3d9cf	#c1dcc5	#d0e0bc	#dfe4b3	#eee8aa

Kombination von skyblue und palegoldenrod
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von palegoldenrod und skyblue ergibt sich zu 93.38%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.62%. Auf Hintergrund skyblue ist palegoldenrod ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe skyblue				Schriftfarbe palegoldenrod
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#f2eec2	#f2eec2	#aaa579	#aaa579
#bae3f3	#bae3f3	#4d7586	#4d7586	#f5f1ce	#f5f1ce	#888461	#888461
#cbeaf6	#cbeaf6	#395864	#395864	#f7f5da	#f7f5da	#666348	#666348
#dcf1f9	#dcf1f9	#263a43	#263a43	#faf8e6	#faf8e6	#444230	#444230
#edf8fc	#edf8fc	#131d21	#131d21	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe skyblue und Farbe palegoldenrod

Wechsel der Textfarbe bei Hover mit Befehl tr

Die Textfarbe soll sich von Farbe skyblue auf Farbe palegoldenrod ändern, wenn man mit der Maus auf <tr> zeigt. Wir bereiten zunächst die Darstellung von <tr> in Farbe skyblue vor.

Z.B. ändern wir die Textfarbe von <tr> auf Farbe skyblue. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 114%.

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

Nun stellen wir ein, dass bei Hover die Textfarbe auf palegoldenrod gesetzt wird.

<style type="text/css"><!--
  tr:hover { 
    color:palegoldenrod;
  }
//-->
</style>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Möglichkeiten vom HTML-Befehl tr sind in der HTML Referenz bei <tr> ausführlich zusammengestellt.

Füllen und Umranden von Befehl a

Mit HTML-Tag <a> erzeugen Sie einen Verweis. Er kann hervorgehoben und farblich gestaltet werden.

Hier umranden wir <a> mit einem . Den Hintergrund von <a> färben wir mit Farbe skyblue. Dies ist in HTML kaum möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  a { border:1px dashed palegoldenrod; background-color:skyblue; }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML lesen. Der HTML-Tag a ist in der HTML Referenz unter <a> gezeigt.