Ressourcen: 137 HTML Farbnamen - Kombination von Farbe blueviolet und Farbe khaki

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 blueviolet			Schriftfarbe khaki
Detail	:	Hintergrund blueviolet	Detail	:	Schrift khaki
Farbe	:	blueviolet	Farbe	:	khaki
Farbwert	:	#8a2be2	Farbwert	:	#f0e68c
HTML	:	blueviolet	HTML	:	khaki
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#f0e68c
CSS	:	blueviolet	CSS	:	khaki
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbe blueviolet nach Schriftfarbe khaki
#8a2be2	#9845d5	#a760c9	#b57bbd	#c495b0	#d2b0a4	#e1cb98	#f0e68c
#8a2be2	#9845d5	#a760c9	#b57bbd	#c495b0	#d2b0a4	#e1cb98	#f0e68c

Kombination von blueviolet und khaki
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben khaki und blueviolet beträgt 77.84%. Die Lesbarkeit dieser Farbkombination liegt damit bei 22.16%. khaki eignet sich nicht als Schriftfarbe auf Hintergrund blueviolet. Zwar ist der Helligkeitsunterschied gross genug, die Farben selbst sind zu ähnlich.

Hintergrundfarbe blueviolet				Schriftfarbe khaki
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#9a49e6	#9a49e6	#7624c1	#7624c1	#f2e99c	#f2e99c	#cdc578	#cdc578
#ab67ea	#ab67ea	#621ea1	#621ea1	#f4edac	#f4edac	#aba464	#aba464
#bc85ee	#bc85ee	#4e1881	#4e1881	#f6f0bd	#f6f0bd	#898350	#898350
#cca4f2	#cca4f2	#3b1260	#3b1260	#f8f4cd	#f8f4cd	#66623c	#66623c
#ddc2f6	#ddc2f6	#270c40	#270c40	#faf7de	#faf7de	#444128	#444128
#eee0fa	#eee0fa	#130620	#130620	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blueviolet und Farbe khaki

Hintergrund/Text-Kombination mit HTML-Befehl cite

Für dieses Beispiel ändern wir die Textfarbe von <cite> auf Farbe khaki und die Hintergrundfarbe von <cite> auf Farbe blueviolet. Die Schriftart ändern wir auf monospace und als Schriftgröße wählen wir 84%.

<style type="text/css"><!--
  cite { 
    color: khaki; 
    font-family: monospace; 
    font-size: 84%; 
    background-color: blueviolet;
  }
//-->
</style>

Beschreibung des HTML-Befehl <cite>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl table

Die Textfarbe soll sich von Farbe blueviolet auf Farbe khaki ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <table> in Farbe blueviolet vor.

Hier legen wir bei <table> die Textfarbe auf Farbe blueviolet fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf sans-serif und verringern die Größe der Schrift auf 84%:

<style type="text/css"><!--
  table { 
    font-size:84%; 
    color:blueviolet; 
    font-family:sans-serif;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu khaki ändert.

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

Weiteres zu table lesen Sie in Tabellen in HTML. Die Beschreibung vom HTML-Tag table lesen Sie in der HTML Referenz unter <table>.