Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkviolet und Farbwert #808080

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.

Hintergrundfarbe darkviolet			Schriftfarbwert #808080
Detail	:	Hintergrund darkviolet	Detail	:	Schrift #808080
Farbe	:	darkviolet	Farbwert	:	#808080
Farbwert	:	#9400d3	Farbe	:	gray
HTML	:	darkviolet	HTML	:	#808080
HTML (Wert)	:	#9400d3	HTML (Wert)	:	#808080
CSS	:	darkviolet	CSS	:	#808080
CSS (Wert)	:	#9400d3	CSS (Wert)	:	#808080
CSS (kürzest)	:	#9400d3	CSS (kürzest)	:	#808080
CSS (RGB)	:	rgb(148,0,211)	CSS (RGB)	:	rgb(128,128,128)
CSS (%RGB)	:	rgb(58%,0%,82%)	CSS (%RGB)	:	rgb(50%,50%,50%)

Verlauf Hintergrundfarbe darkviolet nach Schriftfarbwert #808080
#9400d3	#9112c7	#8e24bb	#8b36af	#8849a3	#855b97	#826d8b	#808080
#9400d3	#9112c7	#8e24bb	#8b36af	#8849a3	#855b97	#826d8b	#808080

Kombination von darkviolet und #808080
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#808080 eignet sich nicht als Schriftfarbe auf Hintergrund darkviolet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #808080 und darkviolet beträgt 92.09%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.91%.

Hintergrundfarbe darkviolet				Schriftfarbwert #808080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9400d3	#9400d3	#9400d3	#9400d3	#808080	#808080	#808080	#808080
#a324d9	#a324d9	#7e00b4	#7e00b4	#929292	#929292	#6d6d6d	#6d6d6d
#b248df	#b248df	#690096	#690096	#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b
#c16de5	#c16de5	#540078	#540078	#b6b6b6	#b6b6b6	#494949	#494949
#d191ec	#d191ec	#3f005a	#3f005a	#c8c8c8	#c8c8c8	#363636	#363636
#e0b6f2	#e0b6f2	#2a003c	#2a003c	#dadada	#dadada	#242424	#242424
#efdaf8	#efdaf8	#15001e	#15001e	#ececec	#ececec	#121212	#121212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkviolet und Farbwert #808080

Wechsel der Textfarbe bei Hover mit HTML-Befehl form

Die Textfarbe soll sich von Farbe darkviolet auf Farbwert #808080 ändern, wenn man mit der Maus auf <form> zeigt. Bereiten wir zunächst eine Darstellung von <form> in Farbe darkviolet vor.

Für dieses Beispiel setzen wir die Textfarbe von <form> auf Farbe darkviolet. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf verdana und ändern die Schriftgröße auf 9px.

<style type="text/css"><!--
  form { 
    font-size: 9px; 
    color: darkviolet; 
    font-family: verdana;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #808080 geändert wird.

<style type="text/css"><!--
  form:hover { 
    color:#808080;
  }
//-->
</style>

Mehr zum Thema form können Sie in Formulare in HTML nachlesen. Möglichkeiten des Tag <form>.

Hintergrund/Text-Kombination von HTML-Befehl abbr

Hier ändern wir die Textfarbe von <abbr> auf Farbwert #808080 und die Hintergrundfarbe von <abbr> auf Farbe darkviolet. Die Schriftart ändern wir auf courier new und als Schriftgröße setzen wir 117%.

<style type="text/css"><!--
  abbr { 
    font-size: 117%; 
    background-color: darkviolet; 
    color: #808080; 
    font-family: courier new;
  }
//-->
</style>

Beschreibung des HTML-Tag <abbr>.