Ressourcen: 137 HTML Farbnamen - Kombination von Farbe purple und Farbwert #f5f5dc

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.

Hintergrundfarbe purple			Schriftfarbwert #f5f5dc
Detail	:	Hintergrund purple	Detail	:	Schrift #f5f5dc
Farbe	:	purple	Farbwert	:	#f5f5dc
Farbwert	:	#800080	Farbe	:	beige
HTML	:	purple	HTML	:	#f5f5dc
HTML (Wert)	:	#800080	HTML (Wert)	:	#f5f5dc
CSS	:	purple	CSS	:	#f5f5dc
CSS (Wert)	:	#800080	CSS (Wert)	:	#f5f5dc
CSS (kürzest)	:	#800080	CSS (kürzest)	:	#f5f5dc
CSS (RGB)	:	rgb(128,0,128)	CSS (RGB)	:	rgb(245,245,220)
CSS (%RGB)	:	rgb(50%,0%,50%)	CSS (%RGB)	:	rgb(96%,96%,86%)

Verlauf Hintergrundfarbe purple nach Schriftfarbwert #f5f5dc
#800080	#90238d	#a1469a	#b269a7	#c28cb4	#d3afc1	#e4d2ce	#f5f5dc
#800080	#90238d	#a1469a	#b269a7	#c28cb4	#d3afc1	#e4d2ce	#f5f5dc

Kombination von purple und #f5f5dc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f5f5dc eignet sich nicht als Schriftfarbe auf Hintergrund purple, da sich die Farben zu ähnlich sind. Die Ähnlichkeit von #f5f5dc und purple beträgt 59.47%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 40.53%.

Hintergrundfarbe purple				Schriftfarbwert #f5f5dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#800080	#800080	#800080	#800080	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#922492	#922492	#6d006d	#6d006d	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#a448a4	#a448a4	#5b005b	#5b005b	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#b66db6	#b66db6	#490049	#490049	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#c891c8	#c891c8	#360036	#360036	#fafaf0	#fafaf0	#69695e	#69695e
#dab6da	#dab6da	#240024	#240024	#fcfcf5	#fcfcf5	#46463e	#46463e
#ecdaec	#ecdaec	#120012	#120012	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe purple und Farbwert #f5f5dc

Wechsel der Hintergrundfarbe bei Hover von Tag div

Einen Universalkontainer erzeugt man mit Tag <div>. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe purple auf Farbwert #f5f5dc ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <div> in Farbe purple vor.

Für dieses Beispiel setzen wir bei <div> die Hintergrundfarbe auf Farbe purple. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf courier new.

<style type="text/css"><!--
  div { 
    font-family:courier new; 
    background-color:purple;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #f5f5dc gesetzt wird.

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

Der Befehl div ist in der HTML Referenz unter <div> zusammengestellt.

Wechsel der Textfarbe bei Hover von Tag strong

Die Textfarbe soll sich von Farbe purple auf Farbwert #f5f5dc ändern, wenn man mit der Maus auf <strong> zeigt. Bereiten wir zunächst eine Darstellung von <strong> in Farbe purple vor.

Wir ändern zum Beispiel die Textfarbe von <strong> auf Farbe purple:

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

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

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

Mehr zu strong erfahren Sie in Text in HTML. Die Beschreibung vom Tag strong lesen Sie in der HTML Referenz unter <strong>.