Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #9400d3 und Farbe khaki

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 #9400d3			Schriftfarbe khaki
Detail	:	Hintergrund #9400d3	Detail	:	Schrift khaki
Farbwert	:	#9400d3	Farbe	:	khaki
Farbe	:	darkviolet	Farbwert	:	#f0e68c
HTML	:	#9400d3	HTML	:	khaki
HTML (Wert)	:	#9400d3	HTML (Wert)	:	#f0e68c
CSS	:	#9400d3	CSS	:	khaki
CSS (Wert)	:	#9400d3	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#9400d3	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(148,0,211)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(58%,0%,82%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbwert #9400d3 nach Schriftfarbe khaki
#9400d3	#a120c8	#ae41be	#bb62b4	#c883aa	#d5a4a0	#e2c596	#f0e68c
#9400d3	#a120c8	#ae41be	#bb62b4	#c883aa	#d5a4a0	#e2c596	#f0e68c

Kombination von #9400d3 und khaki
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				khaki ist nicht als Schriftfarbe auf Hintergrund #9400d3 geeignet, da der Farbunterschied zu gering ist Die Ähnlichkeit der Farben khaki und #9400d3 ergibt sich zu 75.59%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 24.41%.

Hintergrundfarbwert #9400d3				Schriftfarbe khaki
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9400d3	#9400d3	#9400d3	#9400d3	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#a324d9	#a324d9	#7e00b4	#7e00b4	#f2e99c	#f2e99c	#cdc578	#cdc578
#b248df	#b248df	#690096	#690096	#f4edac	#f4edac	#aba464	#aba464
#c16de5	#c16de5	#540078	#540078	#f6f0bd	#f6f0bd	#898350	#898350
#d191ec	#d191ec	#3f005a	#3f005a	#f8f4cd	#f8f4cd	#66623c	#66623c
#e0b6f2	#e0b6f2	#2a003c	#2a003c	#faf7de	#faf7de	#444128	#444128
#efdaf8	#efdaf8	#15001e	#15001e	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #9400d3 und Farbe khaki

Zebra-Effekt bei HTML-Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <td> mit den Hintergrundfarben Farbwert #9400d3 und Farbe khaki.

<style type="text/css"><!--
  td.ungerade { 
    background-color: #9400d3;
  }
  td.gerade { 
    background-color: khaki;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="ungerade">VA-A</td><td class="gerade">VB-A</td><td class="ungerade">VC-A</td></tr>
<tr><td class="ungerade">VA-B</td><td class="gerade">VB-B</td><td class="ungerade">VC-B</td></tr>
<tr><td class="ungerade">VA-C</td><td class="gerade">VB-C</td><td class="ungerade">VC-C</td></tr>
</table>

Mehr zum Thema lesen Sie in Tabellen in HTML. Die Beschreibung vom hier gezeigten HTML-Befehl td lesen Sie in der HTML Referenz unter <td>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag form

Die Hintergrundfarbe soll sich von Farbwert #9400d3 auf Farbe khaki ändern, wenn man mit der Maus auf <form> zeigt. Wir bereiten zunächst eine Formatierung von <form> in Farbwert #9400d3 vor.

Z.B. legen wir Farbwert #9400d3 als Hintergrundfarbe von <form> fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf courier new:

<style type="text/css"><!--
  form { 
    background-color: #9400d3; 
    font-family: courier new;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu khaki ändert.

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

Weiteres zu form lesen Sie in Formulare in HTML. Mehr zum HTML-Befehl <form>.