Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #808080 und Farbe lime

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #808080			Schriftfarbe lime
Detail	:	Hintergrund #808080	Detail	:	Schrift lime
Farbwert	:	#808080	Farbe	:	lime
Farbe	:	gray	Farbwert	:	#00ff00
HTML	:	#808080	HTML	:	lime
HTML (Wert)	:	#808080	HTML (Wert)	:	#00ff00
CSS	:	#808080	CSS	:	lime
CSS (Wert)	:	#808080	CSS (Wert)	:	#00ff00
CSS (kürzest)	:	#808080	CSS (kürzest)	:	#0f0
CSS (RGB)	:	rgb(128,128,128)	CSS (RGB)	:	rgb(0,255,0)
CSS (%RGB)	:	rgb(50%,50%,50%)	CSS (%RGB)	:	rgb(0%,100%,0%)

Verlauf Hintergrundfarbwert #808080 nach Schriftfarbe lime
#808080	#6d926d	#5ba45b	#49b649	#36c836	#24da24	#12ec12	#00ff00
#808080	#6d926d	#5ba45b	#49b649	#36c836	#24da24	#12ec12	#00ff00

Kombination von #808080 und lime
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				lime eignet sich nicht als Schriftfarbe auf Hintergrund #808080. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben lime und #808080 ergibt sich zu 86.29%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 13.71%.

Hintergrundfarbwert #808080				Schriftfarbe lime
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#808080	#808080	#808080	#808080	#00ff00	#00ff00	#00ff00	#00ff00
#929292	#929292	#6d6d6d	#6d6d6d	#24ff24	#24ff24	#00da00	#00da00
#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b	#48ff48	#48ff48	#00b600	#00b600
#b6b6b6	#b6b6b6	#494949	#494949	#6dff6d	#6dff6d	#009100	#009100
#c8c8c8	#c8c8c8	#363636	#363636	#91ff91	#91ff91	#006d00	#006d00
#dadada	#dadada	#242424	#242424	#b6ffb6	#b6ffb6	#004800	#004800
#ececec	#ececec	#121212	#121212	#daffda	#daffda	#002400	#002400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #808080 und Farbe lime

Wechsel der Textfarbe bei Hover von HTML-Tag pre

Die Textfarbe soll sich von Farbwert #808080 auf Farbe lime ändern, wenn man mit der Maus auf <pre> zeigt. Wir bereiten zunächst eine Formatierung von <pre> in Farbwert #808080 vor.

In diesem Beispiel legen wir bei <pre> die Textfarbe auf Farbwert #808080 fest. Die Größe der Schrift setzen wir auf 122%:

<style type="text/css"><!--
  pre { 
    color: #808080; 
    font-size: 122%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf lime ändert.

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

Weiteres zu pre können Sie in Blockorientierte Elemente in HTML nachlesen. Mehr zum HTML-Befehl pre finden Sie in der HTML Referenz unter <pre>.