Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #9932cc und Farbe darkred

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.

Hintergrundfarbwert #9932cc			Schriftfarbe darkred
Detail	:	Hintergrund #9932cc	Detail	:	Schrift darkred
Farbwert	:	#9932cc	Farbe	:	darkred
Farbe	:	darkorchid	Farbwert	:	#8b0000
HTML	:	#9932cc	HTML	:	darkred
HTML (Wert)	:	#9932cc	HTML (Wert)	:	#8b0000
CSS	:	#9932cc	CSS	:	darkred
CSS (Wert)	:	#9932cc	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#9932cc	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(153,50,204)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(60%,19%,80%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbwert #9932cc nach Schriftfarbe darkred
#9932cc	#972aae	#952391	#931c74	#911557	#8f0e3a	#8d071d	#8b0000
#9932cc	#972aae	#952391	#931c74	#911557	#8f0e3a	#8d071d	#8b0000

Kombination von #9932cc und darkred
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.				Auf Hintergrund #9932cc ist darkred ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von darkred und #9932cc ergibt sich zu 91.64%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.36%.

Hintergrundfarbwert #9932cc				Schriftfarbe darkred
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9932cc	#9932cc	#9932cc	#9932cc	#8b0000	#8b0000	#8b0000	#8b0000
#a74fd3	#a74fd3	#832aae	#832aae	#9b2424	#9b2424	#770000	#770000
#b66cda	#b66cda	#6d2391	#6d2391	#ac4848	#ac4848	#630000	#630000
#c489e1	#c489e1	#571c74	#571c74	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#d3a7e9	#d3a7e9	#411557	#411557	#cd9191	#cd9191	#3b0000	#3b0000
#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a	#ddb6b6	#ddb6b6	#270000	#270000
#f0e1f7	#f0e1f7	#15071d	#15071d	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #9932cc und Farbe darkred

Wechsel der Umrandung bei Hover von Tag hr

Die Rahmenfarbe soll sich von Farbwert #9932cc auf Farbe darkred ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <hr> in Farbwert #9932cc vor.

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

<style type="text/css"><!--
  hr { 
    border-color:#9932cc; 
    border-width:4px; 
    border-style:double;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu darkred ändert.

<style type="text/css"><!--
  hr:hover { 
    border-color:darkred;
  }
//-->
</style>

Mehr zu hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier genutzten HTML-Tag hr sind in der HTML Referenz unter <hr> ausführlich beschrieben.

Füllen und Umranden von Tag s

Bei diesem Beispiel umranden wir <s> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe darkred . Den Hintergrund von <s> setzen wir auf Farbwert #9932cc. Dies ist mit HTML kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  s { border:5px ridge darkred; background-color:#9932cc; }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML lesen. Mehr zum Tag <s>.