Ressourcen: 137 HTML Farbnamen - Kombination von Farbe chartreuse 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.

Hintergrundfarbe chartreuse			Schriftfarbwert #ffffff
Detail	:	Hintergrund chartreuse	Detail	:	Schrift #ffffff
Farbe	:	chartreuse	Farbwert	:	#ffffff
Farbwert	:	#7fff00	Farbe	:	white
HTML	:	chartreuse	HTML	:	#ffffff
HTML (Wert)	:	#7fff00	HTML (Wert)	:	#ffffff
CSS	:	chartreuse	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 Hintergrundfarbe chartreuse nach Schriftfarbwert #ffffff
#7fff00	#91ff24	#a3ff48	#b5ff6d	#c8ff91	#daffb6	#ecffda	#ffffff
#7fff00	#91ff24	#a3ff48	#b5ff6d	#c8ff91	#daffb6	#ecffda	#ffffff

Kombination von chartreuse und #ffffff
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #ffffff und chartreuse ergibt sich zu 93.83%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.17%. #ffffff ist nicht als Schriftfarbe auf Hintergrund chartreuse geeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe chartreuse				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 Farbe chartreuse und Farbwert #ffffff

Wechsel der Textfarbe bei Hover mit Befehl address

Die Textfarbe soll sich von Farbe chartreuse auf Farbwert #ffffff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <address> in Farbe chartreuse vor.

Hier setzen wir bei <address> die Textfarbe auf Farbe chartreuse. Die Größe der Schrift verringern wir auf 86%:

<style type="text/css"><!--
  address { 
    color:chartreuse; 
    font-size:86%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ffffff gesetzt wird.

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

Weiteres zu address finden Sie in Blockorientierte Elemente in HTML. Weiteres zum hier genutzten HTML-Befehl address finden Sie in der HTML Referenz unter <address>.

Wechsel der Umrandung bei Hover mit Befehl blockquote

Die Rahmenfarbe soll sich von Farbe chartreuse auf Farbwert #ffffff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <blockquote> in Farbe chartreuse vor.

In diesem Beispiel umranden wir <blockquote> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbe chartreuse.

<style type="text/css"><!--
  blockquote { border:4px groove chartreuse; }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Rahmenfarbe auf #ffffff ändert.

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

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML lesen. Möglichkeiten vom hier gezeigten Tag blockquote sind in der HTML Referenz unter <blockquote> genau beschrieben.