Ressourcen: 137 HTML Farbnamen - Kombination von Farbe blueviolet und Farbwert #006400

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			Schriftfarbwert #006400
Detail	:	Hintergrund blueviolet	Detail	:	Schrift #006400
Farbe	:	blueviolet	Farbwert	:	#006400
Farbwert	:	#8a2be2	Farbe	:	darkgreen
HTML	:	blueviolet	HTML	:	#006400
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#006400
CSS	:	blueviolet	CSS	:	#006400
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#006400
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#006400
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(0,100,0)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(0%,39%,0%)

Verlauf Hintergrundfarbe blueviolet nach Schriftfarbwert #006400
#8a2be2	#7633c1	#623ba1	#4e4381	#3b4b60	#275340	#135b20	#006400
#8a2be2	#7633c1	#623ba1	#4e4381	#3b4b60	#275340	#135b20	#006400

Kombination von blueviolet und #006400
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#006400 eignet sich nicht als Schriftfarbe auf Hintergrund blueviolet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit von #006400 und blueviolet ergibt sich zu 94.05%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.95%.

Hintergrundfarbe blueviolet				Schriftfarbwert #006400
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#006400	#006400	#006400	#006400
#9a49e6	#9a49e6	#7624c1	#7624c1	#247a24	#247a24	#005500	#005500
#ab67ea	#ab67ea	#621ea1	#621ea1	#489048	#489048	#004700	#004700
#bc85ee	#bc85ee	#4e1881	#4e1881	#6da66d	#6da66d	#003900	#003900
#cca4f2	#cca4f2	#3b1260	#3b1260	#91bc91	#91bc91	#002a00	#002a00
#ddc2f6	#ddc2f6	#270c40	#270c40	#b6d2b6	#b6d2b6	#001c00	#001c00
#eee0fa	#eee0fa	#130620	#130620	#dae8da	#dae8da	#000e00	#000e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blueviolet und Farbwert #006400

Text- und Unterstreichungsfarben bei Tag blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbwert #006400. Die Schriftart ändern wir auf courier new. Die Schriftgröße vergrößern wir auf 122%. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines gezahnten Rahmens mit 2 Punkte Dicke in Farbe blueviolet. Dies geht in HTML nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  blockquote { 
    color:#006400; 
    border-bottom:2pt ridge blueviolet; 
    font-size:122%; 
    font-family:courier new;
  }
//-->
</style>

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

Weiteres zum Thema blockquote lesen Sie in Blockorientierte Elemente in HTML. Möglichkeiten vom HTML-Befehl blockquote erfahren Sie in der HTML Referenz unter <blockquote>.

Wechsel der Hintergrundfarbe bei Hover von Tag table

Die Hintergrundfarbe soll sich von Farbe blueviolet auf Farbwert #006400 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <table> in Farbe blueviolet vor.

Wir legen zum Beispiel die Hintergrundfarbe von <table> auf Farbe blueviolet fest. Die Schriftgröße verringern wir auf 82%:

<style type="text/css"><!--
  table { 
    background-color: blueviolet; 
    font-size: 82%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #006400 ändert.

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

Weiteres zu table können Sie in Tabellen in HTML erfahren. Weiteres zum Befehl table finden Sie in der HTML Referenz unter <table>.