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

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 #f5f5f5			Schriftfarbwert #7fff00
Detail	:	Hintergrund #f5f5f5	Detail	:	Schrift #7fff00
Farbwert	:	#f5f5f5	Farbwert	:	#7fff00
Farbe	:	whitesmoke	Farbe	:	chartreuse
HTML	:	#f5f5f5	HTML	:	#7fff00
HTML (Wert)	:	#f5f5f5	HTML (Wert)	:	#7fff00
CSS	:	#f5f5f5	CSS	:	#7fff00
CSS (Wert)	:	#f5f5f5	CSS (Wert)	:	#7fff00
CSS (kürzest)	:	#f5f5f5	CSS (kürzest)	:	#7fff00
CSS (RGB)	:	rgb(245,245,245)	CSS (RGB)	:	rgb(127,255,0)
CSS (%RGB)	:	rgb(96%,96%,96%)	CSS (%RGB)	:	rgb(49%,100%,0%)

Verlauf Hintergrundfarbwert #f5f5f5 nach Schriftfarbwert #7fff00
#f5f5f5	#e4f6d2	#d3f7af	#c2f98c	#b1fa69	#a0fc46	#8ffd23	#7fff00
#f5f5f5	#e4f6d2	#d3f7af	#c2f98c	#b1fa69	#a0fc46	#8ffd23	#7fff00

Kombination von #f5f5f5 und #7fff00
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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.				#7fff00 eignet sich nicht als Schriftfarbe auf Hintergrund #f5f5f5, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit von #7fff00 und #f5f5f5 ergibt sich zu 94.34%. Die Lesbarkeit dieser Kombination liegt damit bei 5.66%.

Hintergrundfarbwert #f5f5f5				Schriftfarbwert #7fff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5	#7fff00	#7fff00	#7fff00	#7fff00
#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2	#91ff24	#91ff24	#6cda00	#6cda00
#f7f7f7	#f7f7f7	#afafaf	#afafaf	#a3ff48	#a3ff48	#5ab600	#5ab600
#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c	#b5ff6d	#b5ff6d	#489100	#489100
#fafafa	#fafafa	#696969	#696969	#c8ff91	#c8ff91	#366d00	#366d00
#fcfcfc	#fcfcfc	#464646	#464646	#daffb6	#daffb6	#244800	#244800
#fdfdfd	#fdfdfd	#232323	#232323	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Hintergrundfarbe bei Hover bei Tag a

Einen Link setzen Sie mit Tag <a>. Diesen können Sie farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbwert #f5f5f5 auf Farbwert #7fff00 ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #f5f5f5 vor.

Wir legen als Beispiel Farbwert #f5f5f5 als Hintergrundfarbe von <a> fest und verringern die Größe der Schrift auf 96%:

<style type="text/css"><!--
  a { 
    background-color: #f5f5f5; 
    font-size: 96%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #7fff00 ändert.

<style type="text/css"><!--
  a: hover { 
    background-color: #7fff00;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum hier gezeigten HTML-Tag <a>.

Füllen und Umranden mit Tag center

Hier umranden wir <center> mit einem gepunkteten, 5 Pixel dicken Rahmen in Farbwert #7fff00 . Die Hintergrundfarbe für <center> setzen wir entsprechend auf Farbwert #f5f5f5. In HTML geht das nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  center { border:5px dotted #7fff00; background-color:#f5f5f5; }
//-->
</style>

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Der hier gezeigte HTML-Befehl center ist in der HTML Referenz bei <center> genau gezeigt.