Ressourcen: 137 HTML Farbnamen - Kombination von Farbe deepskyblue 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.

Hintergrundfarbe deepskyblue			Schriftfarbwert #800080
Detail	:	Hintergrund deepskyblue	Detail	:	Schrift #800080
Farbe	:	deepskyblue	Farbwert	:	#800080
Farbwert	:	#00bfff	Farbe	:	purple
HTML	:	deepskyblue	HTML	:	#800080
HTML (Wert)	:	#00bfff	HTML (Wert)	:	#800080
CSS	:	deepskyblue	CSS	:	#800080
CSS (Wert)	:	#00bfff	CSS (Wert)	:	#800080
CSS (kürzest)	:	#00bfff	CSS (kürzest)	:	#800080
CSS (RGB)	:	rgb(0,191,255)	CSS (RGB)	:	rgb(128,0,128)
CSS (%RGB)	:	rgb(0%,74%,100%)	CSS (%RGB)	:	rgb(50%,0%,50%)

Verlauf Hintergrundfarbe deepskyblue nach Schriftfarbwert #800080
#00bfff	#12a3ec	#2488da	#366dc8	#4951b6	#5b36a4	#6d1b92	#800080
#00bfff	#12a3ec	#2488da	#366dc8	#4951b6	#5b36a4	#6d1b92	#800080

Kombination von deepskyblue und #800080
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#800080 ist nicht als Schriftfarbe auf Hintergrund deepskyblue geeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit von #800080 und deepskyblue beträgt 78.86%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 21.14%.

Hintergrundfarbe deepskyblue				Schriftfarbwert #800080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00bfff	#00bfff	#00bfff	#00bfff	#800080	#800080	#800080	#800080
#24c8ff	#24c8ff	#00a3da	#00a3da	#922492	#922492	#6d006d	#6d006d
#48d1ff	#48d1ff	#0088b6	#0088b6	#a448a4	#a448a4	#5b005b	#5b005b
#6ddaff	#6ddaff	#006d91	#006d91	#b66db6	#b66db6	#490049	#490049
#91e3ff	#91e3ff	#00516d	#00516d	#c891c8	#c891c8	#360036	#360036
#b6ecff	#b6ecff	#003648	#003648	#dab6da	#dab6da	#240024	#240024
#daf5ff	#daf5ff	#001b24	#001b24	#ecdaec	#ecdaec	#120012	#120012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deepskyblue und Farbwert #800080

Text- und Unterstreichungsfarben bei Tag span

Für dieses Beispiel ändern wir die Textfarbe von <span> auf Farbwert #800080 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf arial. Die Schriftgröße ändern wir auf 9pt. Wir unterstreichen den Inhalt von <span> mit Hilfe eines herausstehenden Rahmens mit 1 Punkte Dicke in Farbe deepskyblue. In HTML geht dies kaum. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  span { 
    color:#800080; 
    border-bottom-style:outset; 
    font-family:arial; 
    font-size:9pt; 
    border-bottom-color:deepskyblue; 
    border-bottom-width:1pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Befehl <span>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl select

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

Wir legen für dieses Beispiel die Textfarbe von <select> auf Farbe deepskyblue fest:

<style type="text/css"><!--
  select { 
    color:deepskyblue;
  }
//-->
</style>

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

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

Mehr zum Thema lesen Sie in Formulare in HTML. Der hier verwendete HTML-Befehl select ist in der HTML Referenz unter <select> genau beschrieben.