Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #7fff00 und Farbwert #ffffff

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.

Hintergrundfarbwert #7fff00			Schriftfarbwert #ffffff
Detail	:	Hintergrund #7fff00	Detail	:	Schrift #ffffff
Farbwert	:	#7fff00	Farbwert	:	#ffffff
Farbe	:	chartreuse	Farbe	:	white
HTML	:	#7fff00	HTML	:	#ffffff
HTML (Wert)	:	#7fff00	HTML (Wert)	:	#ffffff
CSS	:	#7fff00	CSS	:	#ffffff
CSS (Wert)	:	#7fff00	CSS (Wert)	:	#ffffff
CSS (kürzest)	:	#7fff00	CSS (kürzest)	:	#fff
CSS (RGB)	:	rgb(127,255,0)	CSS (RGB)	:	rgb(255,255,255)
CSS (%RGB)	:	rgb(49%,100%,0%)	CSS (%RGB)	:	rgb(100%,100%,100%)

Verlauf Hintergrundfarbwert #7fff00 nach Schriftfarbwert #ffffff
#7fff00	#91ff24	#a3ff48	#b5ff6d	#c8ff91	#daffb6	#ecffda	#ffffff
#7fff00	#91ff24	#a3ff48	#b5ff6d	#c8ff91	#daffb6	#ecffda	#ffffff

Kombination von #7fff00 und #ffffff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffffff eignet sich nicht als Schriftfarbe auf Hintergrund #7fff00. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von #ffffff und #7fff00 ergibt sich zu 93.83%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.17%.

Hintergrundfarbwert #7fff00				Schriftfarbwert #ffffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fff00	#7fff00	#7fff00	#7fff00	#ffffff	#ffffff	#ffffff	#ffffff
#91ff24	#91ff24	#6cda00	#6cda00	#ffffff	#ffffff	#dadada	#dadada
#a3ff48	#a3ff48	#5ab600	#5ab600	#ffffff	#ffffff	#b6b6b6	#b6b6b6
#b5ff6d	#b5ff6d	#489100	#489100	#ffffff	#ffffff	#919191	#919191
#c8ff91	#c8ff91	#366d00	#366d00	#ffffff	#ffffff	#6d6d6d	#6d6d6d
#daffb6	#daffb6	#244800	#244800	#ffffff	#ffffff	#484848	#484848
#ecffda	#ecffda	#122400	#122400	#ffffff	#ffffff	#242424	#242424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7fff00 und Farbwert #ffffff

Hintergrund/Text-Kombination bei Tag li

Für dieses Beispiel ändern wir die Textfarbe von <li> auf Farbwert #ffffff und die Hintergrundfarbe von <li> auf Farbwert #7fff00. Die Schriftart setzen wir auf courier new. Die Schriftgröße verringern wir auf 82%.

<style type="text/css"><!--
  li { 
    color:#fff; 
    font-family:courier new; 
    background-color:#7fff00; 
    font-size:82%;
  }
//-->
</style>

Mehr zu li finden Sie in Listen und Glossare in HTML. Mehr zum HTML-Tag li erfahren Sie in der HTML Referenz unter <li>.

Wechsel der Umrandung bei Hover von HTML-Tag img

Die Rahmenfarbe soll sich von Farbwert #7fff00 auf Farbwert #ffffff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <img> in Farbwert #7fff00 vor.

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbwert #7fff00.

<style type="text/css"><!--
  img { border:3px inset #7fff00; }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #ffffff gesetzt wird.

<style type="text/css"><!--
  img:hover { 
    border-color:#fff;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grafik in HTML. Möglichkeiten vom hier gezeigten Befehl img sind in der HTML Referenz unter <img> genau zusammengestellt.