Ressourcen: 120 HTML Farbnamen - Kombination von Farbe brown und Farbwert #7cfc00

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.

Hintergrundfarbe brown			Schriftfarbwert #7cfc00
Detail	:	Hintergrund brown	Detail	:	Schrift #7cfc00
Farbe	:	brown	Farbwert	:	#7cfc00
Farbwert	:	#a52a2a	Farbe	:	lawngreen
HTML	:	brown	HTML	:	#7cfc00
HTML (Wert)	:	#a52a2a	HTML (Wert)	:	#7cfc00
CSS	:	brown	CSS	:	#7cfc00
CSS (Wert)	:	#a52a2a	CSS (Wert)	:	#7cfc00
CSS (kürzest)	:	#a52a2a	CSS (kürzest)	:	#7cfc00
CSS (RGB)	:	rgb(165,42,42)	CSS (RGB)	:	rgb(124,252,0)
CSS (%RGB)	:	rgb(64%,16%,16%)	CSS (%RGB)	:	rgb(48%,98%,0%)

Verlauf Hintergrundfarbe brown nach Schriftfarbwert #7cfc00
#a52a2a	#9f4824	#99661e	#938418	#8da212	#87c00c	#81de06	#7cfc00
#a52a2a	#9f4824	#99661e	#938418	#8da212	#87c00c	#81de06	#7cfc00

Kombination von brown und #7cfc00
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#7cfc00 ist nicht als Schriftfarbe auf Hintergrund brown geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #7cfc00 und brown beträgt 74.65%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 25.35%.

Hintergrundfarbe brown				Schriftfarbwert #7cfc00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a52a2a	#a52a2a	#a52a2a	#a52a2a	#7cfc00	#7cfc00	#7cfc00	#7cfc00
#b14848	#b14848	#8d2424	#8d2424	#8efc24	#8efc24	#6ad800	#6ad800
#be6666	#be6666	#751e1e	#751e1e	#a1fc48	#a1fc48	#58b400	#58b400
#cb8585	#cb8585	#5e1818	#5e1818	#b4fd6d	#b4fd6d	#469000	#469000
#d8a3a3	#d8a3a3	#461212	#461212	#c6fd91	#c6fd91	#356c00	#356c00
#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c	#d9feb6	#d9feb6	#234800	#234800
#f2e0e0	#f2e0e0	#170606	#170606	#ecfeda	#ecfeda	#112400	#112400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe brown und Farbwert #7cfc00

Hintergrund/Text-Kombination mit Tag li

Hier ändern wir die Textfarbe von <li> auf Farbwert #7cfc00 und die Hintergrundfarbe von <li> auf Farbe brown. Die Schriftart ändern wir auf arial. Als Schriftgröße wählen wir 87%.

<style type="text/css"><!--
  li { 
    color:#7cfc00; 
    background-color:brown; 
    font-family:arial; 
    font-size:87%;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML lesen. Mehr zum hier verwendeten Tag li ist in der HTML Referenz bei <li> genau gezeigt.

Wechsel der Textfarbe bei Hover mit Tag tfoot

Die Textfarbe soll sich von Farbe brown auf Farbwert #7cfc00 ändern, wenn man mit der Maus auf <tfoot> zeigt. Bereiten wir zunächst die Formatierung von <tfoot> in Farbe brown vor.

Für dieses Beispiel setzen wir die Textfarbe von <tfoot> auf Farbe brown. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf verdana und setzen die Größe der Schrift auf 9pt.

<style type="text/css"><!--
  tfoot { 
    font-size: 9pt; 
    color: brown; 
    font-family: verdana;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #7cfc00 gesetzt wird.

<style type="text/css"><!--
  tfoot:hover { 
    color:#7cfc00;
  }
//-->
</style>

Mehr zum Thema tfoot lesen Sie in Tabellen in HTML. Die Beschreibung des hier genutzten HTML-Befehl tfoot lesen Sie in der HTML Referenz unter <tfoot>.