Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #da70d6 und Farbwert #4b0082

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #da70d6			Schriftfarbwert #4b0082
Detail	:	Hintergrund #da70d6	Detail	:	Schrift #4b0082
Farbwert	:	#da70d6	Farbwert	:	#4b0082
Farbe	:	orchid	Farbe	:	indigo
HTML	:	#da70d6	HTML	:	#4b0082
HTML (Wert)	:	#da70d6	HTML (Wert)	:	#4b0082
CSS	:	#da70d6	CSS	:	#4b0082
CSS (Wert)	:	#da70d6	CSS (Wert)	:	#4b0082
CSS (kürzest)	:	#da70d6	CSS (kürzest)	:	#4b0082
CSS (RGB)	:	rgb(218,112,214)	CSS (RGB)	:	rgb(75,0,130)
CSS (%RGB)	:	rgb(85%,43%,83%)	CSS (%RGB)	:	rgb(29%,0%,50%)

Verlauf Hintergrundfarbwert #da70d6 nach Schriftfarbwert #4b0082
#da70d6	#c560ca	#b150be	#9c40b2	#8830a6	#73209a	#5f108e	#4b0082
#da70d6	#c560ca	#b150be	#9c40b2	#8830a6	#73209a	#5f108e	#4b0082

Kombination von #da70d6 und #4b0082
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #da70d6 ist #4b0082 ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von #4b0082 und #da70d6 ergibt sich zu 78.65%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 21.35%.

Hintergrundfarbwert #da70d6				Schriftfarbwert #4b0082
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#da70d6	#da70d6	#da70d6	#da70d6	#4b0082	#4b0082	#4b0082	#4b0082
#df84db	#df84db	#ba60b7	#ba60b7	#642493	#642493	#40006f	#40006f
#e498e1	#e498e1	#9b5098	#9b5098	#7e48a5	#7e48a5	#35005c	#35005c
#e9ade7	#e9ade7	#7c407a	#7c407a	#986db7	#986db7	#2a004a	#2a004a
#efc1ed	#efc1ed	#5d305b	#5d305b	#b191c9	#b191c9	#200037	#200037
#f4d6f3	#f4d6f3	#3e203d	#3e203d	#cbb6db	#cbb6db	#150025	#150025
#f9eaf9	#f9eaf9	#1f101e	#1f101e	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #da70d6 und Farbwert #4b0082

Wechsel der Textfarbe bei Hover von HTML-Befehl fieldset

Die Textfarbe soll sich von Farbwert #da70d6 auf Farbwert #4b0082 ändern, wenn man mit der Maus auf <fieldset> zeigt. Bereiten wir zunächst die Darstellung von <fieldset> in Farbwert #da70d6 vor.

Wir legen als Beispiel Farbwert #da70d6 als Textfarbe von <fieldset> fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf courier new und setzen die Größe der Schrift auf 13px.

<style type="text/css"><!--
  fieldset { 
    font-family:courier new; 
    color:#da70d6; 
    font-size:13px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #4b0082 gesetzt wird.

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

Mehr zum Thema fieldset können Sie in Formulare in HTML nachsehen. Mehr zum Tag fieldset finden Sie in der HTML Referenz unter <fieldset>.