Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7fff00 und Farbe gold

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 #7fff00			Schriftfarbe gold
Detail	:	Hintergrund #7fff00	Detail	:	Schrift gold
Farbwert	:	#7fff00	Farbe	:	gold
Farbe	:	chartreuse	Farbwert	:	#ffd700
HTML	:	#7fff00	HTML	:	gold
HTML (Wert)	:	#7fff00	HTML (Wert)	:	#ffd700
CSS	:	#7fff00	CSS	:	gold
CSS (Wert)	:	#7fff00	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#7fff00	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(127,255,0)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(49%,100%,0%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbwert #7fff00 nach Schriftfarbe gold
#7fff00	#91f900	#a3f300	#b5ed00	#c8e800	#dae200	#ecdc00	#ffd700
#7fff00	#91f900	#a3f300	#b5ed00	#c8e800	#dae200	#ecdc00	#ffd700

Kombination von #7fff00 und gold
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 gold und #7fff00 beträgt 94.85%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.15%. Auf Hintergrund #7fff00 ist gold ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #7fff00				Schriftfarbe gold
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fff00	#7fff00	#7fff00	#7fff00	#ffd700	#ffd700	#ffd700	#ffd700
#91ff24	#91ff24	#6cda00	#6cda00	#ffdc24	#ffdc24	#dab800	#dab800
#a3ff48	#a3ff48	#5ab600	#5ab600	#ffe248	#ffe248	#b69900	#b69900
#b5ff6d	#b5ff6d	#489100	#489100	#ffe86d	#ffe86d	#917a00	#917a00
#c8ff91	#c8ff91	#366d00	#366d00	#ffed91	#ffed91	#6d5c00	#6d5c00
#daffb6	#daffb6	#244800	#244800	#fff3b6	#fff3b6	#483d00	#483d00
#ecffda	#ecffda	#122400	#122400	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7fff00 und Farbe gold

Wechsel der Hintergrundfarbe bei Hover von Tag address

Die Hintergrundfarbe soll sich von Farbwert #7fff00 auf Farbe gold ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <address> in Farbwert #7fff00 vor.

Wir legen als Beispiel die Hintergrundfarbe von <address> auf Farbwert #7fff00 fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf arial. Die Größe der Schrift vergrößern wir auf 115%:

<style type="text/css"><!--
  address { 
    background-color: #7fff00; 
    font-family: arial; 
    font-size: 115%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf gold ändert.

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

Mehr zu address finden Sie in Blockorientierte Elemente in HTML. Mehr zum hier gezeigten Befehl address ist in der HTML Referenz unter <address> genau beschrieben.

Wechsel der Umrandung bei Hover bei Tag li

Die Rahmenfarbe soll sich von Farbwert #7fff00 auf Farbe gold ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <li> in Farbwert #7fff00 vor.

In diesem Beispiel umranden wir <li> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbwert #7fff00.

<style type="text/css"><!--
  li { 
    border-color:#7fff00; 
    border-width:5px; 
    border-style:groove;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Rahmenfarbe auf gold geändert wird.

<style type="text/css"><!--
  li: hover { 
    border-color: gold;
  }
//-->
</style>

Mehr zum Thema li erfahren Sie in Listen und Glossare in HTML. Möglichkeiten des hier verwendeten Befehl <li>.