Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe grey und Farbwert #00ff00

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.

Hintergrundfarbe grey			Schriftfarbwert #00ff00
Detail	:	Hintergrund grey	Detail	:	Schrift #00ff00
Farbe	:	grey	Farbwert	:	#00ff00
Farbwert	:	#808080	Farbe	:	lime
HTML	:	grey	HTML	:	#00ff00
HTML (Wert)	:	#808080	HTML (Wert)	:	#00ff00
CSS	:	grey	CSS	:	#00ff00
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 Hintergrundfarbe grey nach Schriftfarbwert #00ff00
#808080	#6d926d	#5ba45b	#49b649	#36c836	#24da24	#12ec12	#00ff00
#808080	#6d926d	#5ba45b	#49b649	#36c836	#24da24	#12ec12	#00ff00

Kombination von grey und #00ff00
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #00ff00 und grey beträgt 86.29%. Die Lesbarkeit dieser Kombination liegt damit bei 13.71%. Auf Hintergrund grey ist #00ff00 ungeeignet, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe grey				Schriftfarbwert #00ff00
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 Farbe grey und Farbwert #00ff00

Wechsel der Umrandung bei Hover mit HTML-Tag li

Die Rahmenfarbe soll sich von Farbe grey auf Farbwert #00ff00 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <li> in Farbe grey vor.

In diesem Beispiel umranden wir <li> mit einem 1 Pixel dicken, doppelten Rahmen in Farbe grey.

<style type="text/css"><!--
  li { border:1px double grey; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #00ff00 ändert.

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

Mehr zum Thema li lesen Sie in Listen und Glossare in HTML. Mehr zum HTML-Befehl li finden Sie in der HTML Referenz unter <li>.