Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #c0c0c0 und Farbwert #800080

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 #c0c0c0			Schriftfarbwert #800080
Detail	:	Hintergrund #c0c0c0	Detail	:	Schrift #800080
Farbwert	:	#c0c0c0	Farbwert	:	#800080
Farbe	:	silver	Farbe	:	purple
HTML	:	#c0c0c0	HTML	:	#800080
HTML (Wert)	:	#c0c0c0	HTML (Wert)	:	#800080
CSS	:	#c0c0c0	CSS	:	#800080
CSS (Wert)	:	#c0c0c0	CSS (Wert)	:	#800080
CSS (kürzest)	:	#c0c0c0	CSS (kürzest)	:	#800080
CSS (RGB)	:	rgb(192,192,192)	CSS (RGB)	:	rgb(128,0,128)
CSS (%RGB)	:	rgb(75%,75%,75%)	CSS (%RGB)	:	rgb(50%,0%,50%)

Verlauf Hintergrundfarbwert #c0c0c0 nach Schriftfarbwert #800080
#c0c0c0	#b6a4b6	#ad89ad	#a46da4	#9b529b	#923692	#891b89	#800080
#c0c0c0	#b6a4b6	#ad89ad	#a46da4	#9b529b	#923692	#891b89	#800080

Kombination von #c0c0c0 und #800080
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #c0c0c0 ist #800080 ungeeignet, da der Farbunterschied zu gering ist Die Ähnlichkeit der Farben #800080 und #c0c0c0 ergibt sich zu 75.35%. Die Lesbarkeit dieser Kombination bewerte ich mit 24.65%.

Hintergrundfarbwert #c0c0c0				Schriftfarbwert #800080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0	#800080	#800080	#800080	#800080
#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4	#922492	#922492	#6d006d	#6d006d
#d2d2d2	#d2d2d2	#898989	#898989	#a448a4	#a448a4	#5b005b	#5b005b
#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d	#b66db6	#b66db6	#490049	#490049
#e4e4e4	#e4e4e4	#525252	#525252	#c891c8	#c891c8	#360036	#360036
#ededed	#ededed	#363636	#363636	#dab6da	#dab6da	#240024	#240024
#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b	#ecdaec	#ecdaec	#120012	#120012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #c0c0c0 und Farbwert #800080

Wechsel der Umrandung bei Hover bei HTML-Tag pre

Die Rahmenfarbe soll sich von Farbwert #c0c0c0 auf Farbwert #800080 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <pre> in Farbwert #c0c0c0 vor.

In diesem Beispiel umranden wir <pre> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #c0c0c0.

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #800080 ändert.

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

Weiteres zum Thema pre lesen Sie in Blockorientierte Elemente in HTML. Mehr zum hier genutzten Befehl pre erfahren Sie in der HTML Referenz unter <pre>.

Füllen und Umranden bei HTML-Befehl li

Bei diesem Beispiel umranden wir <li> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbwert #800080 . Den Hintergrund von <li> setzen wir auf Farbwert #c0c0c0. Dies ist mit HTML nicht möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  li { 
    border-style: dashed; 
    background-color: #c0c0c0; 
    border-width: 1px; 
    border-color: #800080;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Listen und Glossare in HTML. Mehr zum Befehl li ist in der HTML Referenz bei <li> ausführlich beschrieben.