Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #9932cc und Farbwert #f0fff0

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.

Hintergrundfarbwert #9932cc			Schriftfarbwert #f0fff0
Detail	:	Hintergrund #9932cc	Detail	:	Schrift #f0fff0
Farbwert	:	#9932cc	Farbwert	:	#f0fff0
Farbe	:	darkorchid	Farbe	:	honeydew
HTML	:	#9932cc	HTML	:	#f0fff0
HTML (Wert)	:	#9932cc	HTML (Wert)	:	#f0fff0
CSS	:	#9932cc	CSS	:	#f0fff0
CSS (Wert)	:	#9932cc	CSS (Wert)	:	#f0fff0
CSS (kürzest)	:	#9932cc	CSS (kürzest)	:	#f0fff0
CSS (RGB)	:	rgb(153,50,204)	CSS (RGB)	:	rgb(240,255,240)
CSS (%RGB)	:	rgb(60%,19%,80%)	CSS (%RGB)	:	rgb(94%,100%,94%)

Verlauf Hintergrundfarbwert #9932cc nach Schriftfarbwert #f0fff0
#9932cc	#a54fd1	#b16cd6	#be89db	#caa7e0	#d7c4e5	#e3e1ea	#f0fff0
#9932cc	#a54fd1	#b16cd6	#be89db	#caa7e0	#d7c4e5	#e3e1ea	#f0fff0

Kombination von #9932cc und #f0fff0
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#f0fff0 ist nicht als Schriftfarbe auf Hintergrund #9932cc geeignet, weil sich die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #f0fff0 und #9932cc ergibt sich zu 73.79%. Die Lesbarkeit dieser Kombination ergibt sich zu 26.21%.

Hintergrundfarbwert #9932cc				Schriftfarbwert #f0fff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9932cc	#9932cc	#9932cc	#9932cc	#f0fff0	#f0fff0	#f0fff0	#f0fff0
#a74fd3	#a74fd3	#832aae	#832aae	#f2fff2	#f2fff2	#cddacd	#cddacd
#b66cda	#b66cda	#6d2391	#6d2391	#f4fff4	#f4fff4	#abb6ab	#abb6ab
#c489e1	#c489e1	#571c74	#571c74	#f6fff6	#f6fff6	#899189	#899189
#d3a7e9	#d3a7e9	#411557	#411557	#f8fff8	#f8fff8	#666d66	#666d66
#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a	#fafffa	#fafffa	#444844	#444844
#f0e1f7	#f0e1f7	#15071d	#15071d	#fcfffc	#fcfffc	#222422	#222422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #9932cc und Farbwert #f0fff0

Wechsel der Umrandung bei Hover mit HTML-Tag span

Die Rahmenfarbe soll sich von Farbwert #9932cc auf Farbwert #f0fff0 ändern, wenn man mit der Maus auf <span> zeigt. Bereiten wir zunächst eine Darstellung von <span> in Farbwert #9932cc vor.

In diesem Beispiel umranden wir <span> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #9932cc.

<style type="text/css"><!--
  span { border:4px dotted #9932cc; }
//-->
</style>

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

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

Weiteres zum Tag span erfahren Sie in der HTML Referenz unter <span>.

Text- und Unterstreichungsfarben von HTML-Tag del

Wir ändern bei diesem Beispiel die Textfarbe von <del> auf Farbwert #f0fff0. Die Schriftart ändern wir auf arial. Die Schriftgröße verkleinern wir auf 91%. Wir unterstreichen den Inhalt von <del> mit Hilfe eines gezahnten Rahmens mit 1 Pixel Dicke in Farbwert #9932cc. Mit HTML geht das kaum. Daher nutzen wir dafür CSS.

<style type="text/css"><!--
  del { 
    color: #f0fff0; 
    font-family: arial; 
    font-size: 91%; 
    border-bottom: 1px ridge #9932cc;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Tag del lesen Sie in der HTML Referenz unter <del>.