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

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 palegoldenrod			Schriftfarbe thistle
Detail	:	Hintergrund palegoldenrod	Detail	:	Schrift thistle
Farbe	:	palegoldenrod	Farbe	:	thistle
Farbwert	:	#eee8aa	Farbwert	:	#d8bfd8
HTML	:	palegoldenrod	HTML	:	thistle
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#d8bfd8
CSS	:	palegoldenrod	CSS	:	thistle
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbe palegoldenrod nach Schriftfarbe thistle
#eee8aa	#eae2b0	#e7dcb7	#e4d6bd	#e1d0c4	#decaca	#dbc4d1	#d8bfd8
#eee8aa	#eae2b0	#e7dcb7	#e4d6bd	#e1d0c4	#decaca	#dbc4d1	#d8bfd8

Kombination von palegoldenrod und thistle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben thistle und palegoldenrod ergibt sich zu 93.55%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.45%. thistle ist nicht als Schriftfarbe auf Hintergrund palegoldenrod geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe palegoldenrod				Schriftfarbe thistle
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#f2eec2	#f2eec2	#aaa579	#aaa579	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#f5f1ce	#f5f1ce	#888461	#888461	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#f7f5da	#f7f5da	#666348	#666348	#eee3ee	#eee3ee	#5c515c	#5c515c
#faf8e6	#faf8e6	#444230	#444230	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#fcfbf2	#fcfbf2	#222118	#222118	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe palegoldenrod und Farbe thistle

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag cite

Die Hintergrundfarbe soll sich von Farbe palegoldenrod auf Farbe thistle ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <cite> in Farbe palegoldenrod vor.

Wir legen hier bei <cite> die Hintergrundfarbe auf Farbe palegoldenrod fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf arial:

<style type="text/css"><!--
  cite { 
    background-color:palegoldenrod; 
    font-family:arial;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe auf thistle ändert.

<style type="text/css"><!--
  cite:hover { 
    background-color:thistle;
  }
//-->
</style>

Möglichkeiten des hier genutzten Tag <cite>.