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

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

Verlauf Hintergrundfarbwert #800080 nach Schriftfarbe gray
#800080	#801280	#802480	#803680	#804980	#805b80	#806d80	#808080
#800080	#801280	#802480	#803680	#804980	#805b80	#806d80	#808080

Kombination von #800080 und gray
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.				Die Ähnlichkeit der Farben gray und #800080 beträgt 88.64%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 11.36%. Auf Hintergrund #800080 ist gray ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #800080				Schriftfarbe gray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#800080	#800080	#800080	#800080	#808080	#808080	#808080	#808080
#922492	#922492	#6d006d	#6d006d	#929292	#929292	#6d6d6d	#6d6d6d
#a448a4	#a448a4	#5b005b	#5b005b	#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b
#b66db6	#b66db6	#490049	#490049	#b6b6b6	#b6b6b6	#494949	#494949
#c891c8	#c891c8	#360036	#360036	#c8c8c8	#c8c8c8	#363636	#363636
#dab6da	#dab6da	#240024	#240024	#dadada	#dadada	#242424	#242424
#ecdaec	#ecdaec	#120012	#120012	#ececec	#ececec	#121212	#121212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #800080 und Farbe gray

Hintergrund/Text-Kombination von HTML-Tag dd

Wir ändern für dieses Beispiel die Textfarbe von <dd> auf Farbe gray und die Hintergrundfarbe von <dd> auf Farbwert #800080. Als Schriftart setzen wir monospace. Als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  dd { 
    color:gray; 
    font-family:monospace; 
    font-size:13px; 
    background-color:#800080;
  }
//-->
</style>

Weiteres zu dd können Sie in Listen und Glossare in HTML lesen. Mehr zum hier verwendeten Tag <dd>.

Wechsel der Textfarbe bei Hover bei Tag div

Einen Universalkontainer setzt man mit HTML-Tag <div>. Er kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #800080 auf Farbe gray ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <div> in Farbwert #800080 vor.

Als Beispiel legen wir Farbwert #800080 als Textfarbe von <div> fest:

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

Jetzt fordern wir, dass bei Hover die Textfarbe auf gray geändert wird.

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

Mehr zum Befehl div ist in der HTML Referenz unter <div> ausführlich beschrieben.