Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #800080 und Farbe maroon

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #800080			Schriftfarbe maroon
Detail	:	Hintergrund #800080	Detail	:	Schrift maroon
Farbwert	:	#800080	Farbe	:	maroon
Farbe	:	purple	Farbwert	:	#800000
HTML	:	#800080	HTML	:	maroon
HTML (Wert)	:	#800080	HTML (Wert)	:	#800000
CSS	:	#800080	CSS	:	maroon
CSS (Wert)	:	#800080	CSS (Wert)	:	#800000
CSS (kürzest)	:	#800080	CSS (kürzest)	:	#800000
CSS (RGB)	:	rgb(128,0,128)	CSS (RGB)	:	rgb(128,0,0)
CSS (%RGB)	:	rgb(50%,0%,50%)	CSS (%RGB)	:	rgb(50%,0%,0%)

Verlauf Hintergrundfarbwert #800080 nach Schriftfarbe maroon
#800080	#80006d	#80005b	#800049	#800036	#800024	#800012	#800000
#800080	#80006d	#80005b	#800049	#800036	#800024	#800012	#800000

Kombination von #800080 und maroon
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben maroon und #800080 ergibt sich zu 94.46%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.54%. maroon eignet sich nicht als Schriftfarbe auf Hintergrund #800080. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbwert #800080				Schriftfarbe maroon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#800080	#800080	#800080	#800080	#800000	#800000	#800000	#800000
#922492	#922492	#6d006d	#6d006d	#922424	#922424	#6d0000	#6d0000
#a448a4	#a448a4	#5b005b	#5b005b	#a44848	#a44848	#5b0000	#5b0000
#b66db6	#b66db6	#490049	#490049	#b66d6d	#b66d6d	#490000	#490000
#c891c8	#c891c8	#360036	#360036	#c89191	#c89191	#360000	#360000
#dab6da	#dab6da	#240024	#240024	#dab6b6	#dab6b6	#240000	#240000
#ecdaec	#ecdaec	#120012	#120012	#ecdada	#ecdada	#120000	#120000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #800080 und Farbe maroon

Wechsel der Umrandung bei Hover von Tag frameset

Die Rahmenfarbe soll sich von Farbwert #800080 auf Farbe maroon ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <frameset> in Farbwert #800080 vor.

In diesem Beispiel umranden wir <frameset> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbwert #800080.

<style type="text/css"><!--
  frameset { border:3px ridge #800080; }
//-->
</style>

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

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

Möglichkeiten des hier verwendeten HTML-Befehl frameset lesen Sie in der HTML Referenz unter <frameset>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag cite

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

Z.B. legen wir Farbwert #800080 als Hintergrundfarbe von <cite> fest:

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

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf maroon gesetzt wird.

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

Mehr zum hier genutzten HTML-Tag cite ist in der HTML Referenz bei <cite> zusammengestellt.