Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #9932cc und Farbwert #4b0082

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.

Hintergrundfarbwert #9932cc			Schriftfarbwert #4b0082
Detail	:	Hintergrund #9932cc	Detail	:	Schrift #4b0082
Farbwert	:	#9932cc	Farbwert	:	#4b0082
Farbe	:	darkorchid	Farbe	:	indigo
HTML	:	#9932cc	HTML	:	#4b0082
HTML (Wert)	:	#9932cc	HTML (Wert)	:	#4b0082
CSS	:	#9932cc	CSS	:	#4b0082
CSS (Wert)	:	#9932cc	CSS (Wert)	:	#4b0082
CSS (kürzest)	:	#9932cc	CSS (kürzest)	:	#4b0082
CSS (RGB)	:	rgb(153,50,204)	CSS (RGB)	:	rgb(75,0,130)
CSS (%RGB)	:	rgb(60%,19%,80%)	CSS (%RGB)	:	rgb(29%,0%,50%)

Verlauf Hintergrundfarbwert #9932cc nach Schriftfarbwert #4b0082
#9932cc	#8d2ac1	#8223b6	#771cac	#6c15a1	#610e97	#56078c	#4b0082
#9932cc	#8d2ac1	#8223b6	#771cac	#6c15a1	#610e97	#56078c	#4b0082

Kombination von #9932cc und #4b0082
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #4b0082 und #9932cc ergibt sich zu 89.19%. Die Lesbarkeit dieser Kombination ergibt sich zu 10.81%. Auf Hintergrund #9932cc ist #4b0082 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #9932cc				Schriftfarbwert #4b0082
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9932cc	#9932cc	#9932cc	#9932cc	#4b0082	#4b0082	#4b0082	#4b0082
#a74fd3	#a74fd3	#832aae	#832aae	#642493	#642493	#40006f	#40006f
#b66cda	#b66cda	#6d2391	#6d2391	#7e48a5	#7e48a5	#35005c	#35005c
#c489e1	#c489e1	#571c74	#571c74	#986db7	#986db7	#2a004a	#2a004a
#d3a7e9	#d3a7e9	#411557	#411557	#b191c9	#b191c9	#200037	#200037
#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a	#cbb6db	#cbb6db	#150025	#150025
#f0e1f7	#f0e1f7	#15071d	#15071d	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #9932cc und Farbwert #4b0082

Hintergrund/Text-Kombination von Befehl option

Hier ändern wir die Textfarbe von <option> auf Farbwert #4b0082 und die Hintergrundfarbe von <option> auf Farbwert #9932cc. Die Schriftart ändern wir auf courier new. Die Schriftgröße ändern wir auf 12pt.

<style type="text/css"><!--
  option { 
    font-size:12pt; 
    color:#4b0082; 
    background-color:#9932cc; 
    font-family:courier new;
  }
//-->
</style>

Mehr zum Thema können Sie in Formulare in HTML nachsehen. Die Beschreibung vom Tag option lesen Sie in der HTML Referenz unter <option>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl pre

Die Textfarbe soll sich von Farbwert #9932cc auf Farbwert #4b0082 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <pre> in Farbwert #9932cc vor.

Wir legen zum Beispiel Farbwert #9932cc als Textfarbe von <pre> fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  pre { 
    color:#9932cc; 
    font-family:verdana;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #4b0082 geändert wird.

<style type="text/css"><!--
  pre:hover { 
    color:#4b0082;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML nachsehen. Weiteres zum Tag pre ist in der HTML Referenz bei <pre> beschrieben.